尽管被批评为走火入魔 ,CSS3 痴迷者们仍然在尝试实现各种基于纯 CSS 的图形与图标设计,如果你看到本文介绍的这些精美图标,你绝对不会相信它们完全是由 CSS3 代码生成的。尤其是那套由 Louis Harboe 设计的 iOS 图标,那么微妙的色彩与纹理,真的难以置信。
奥林匹克标志
作者: Doug Neiner
基于纯 CSS,以 em 为单位,可动态调整尺寸,需要浏览器支持 border-radius 属性,目前支持的浏览器包括 Chrome, Safari, Firefox 和 IE9。
jQuery 标志
作者: Doug Neiner
这是大家最钟爱的 JavaScript 框架 jQuery 的标志,使用 CSS3 的 border-radius 属性。
jQuery UI 标志
作者: Doug Neiner
这是 jQuery UI 库的标志,同样,基于 CSS3 的 border-radius 属性。
延伸阅读:
CSS3的新特性介绍
未来Web设计CSS3+HTML5效果演示
CSS3:文字阴影效果
css3.0中文手册
CSS圆角在CSS2和CSS3里的实现方法
用CSS3制作网页下拉菜单代码
CSS3的简单又实用的3个属性
各大浏览器CSS3和HTML5兼容速查表
CSS3常见的开发工具收集整理
FLASH的终结者 47个惊人的CSS3动画演示
css3.0新属性效果在ie下的解决方案