PHP程序员站--PHP编程开发平台
 当前位置:主页 >> 网页制作 >> CSS >> 

令人难以置信的纯 CSS3 图标欣赏

令人难以置信的纯 CSS3 图标欣赏

来源:互联网  作者:  发布时间:2010-09-14
尽管被批评为走火入魔 ,CSS3 痴迷者们仍然在尝试实现各种基于

尽管被批评为走火入魔 ,CSS3 痴迷者们仍然在尝试实现各种基于纯 CSS 的图形与图标设计,如果你看到本文介绍的这些精美图标,你绝对不会相信它们完全是由 CSS3 代码生成的。尤其是那套由 Louis Harboe 设计的 iOS 图标,那么微妙的色彩与纹理,真的难以置信。

奥林匹克标志
作者: Doug Neiner
基于纯 CSS,以 em 为单位,可动态调整尺寸,需要浏览器支持 border-radius 属性,目前支持的浏览器包括 Chrome, Safari, Firefox 和 IE9。

 Olympics Logo

jQuery 标志
作者: Doug Neiner
这是大家最钟爱的 JavaScript 框架 jQuery 的标志,使用 CSS3 的 border-radius 属性。

 jQuery Logo

jQuery UI 标志
作者: Doug Neiner
这是 jQuery UI 库的标志,同样,基于 CSS3 的 border-radius 属性。

 jQuery UI Logo


延伸阅读:
CSS3的新特性介绍
未来Web设计CSS3+HTML5效果演示
CSS3:文字阴影效果
css3.0中文手册
CSS圆角在CSS2和CSS3里的实现方法
用CSS3制作网页下拉菜单代码
CSS3的简单又实用的3个属性
各大浏览器CSS3和HTML5兼容速查表
CSS3常见的开发工具收集整理
FLASH的终结者 47个惊人的CSS3动画演示
css3.0新属性效果在ie下的解决方案


CSS3属性box-shadow实现阴影效果教程
css3中圆角和阴影的实验
CSS3 Media Queries 详解
Tags: css3   图标  
最新文章
推荐阅读
月点击排行榜
PHP程序员站 Copyright © 2007-2010,PHPERZ.COM All Rights Reserved 粤ICP备07503606号