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

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

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

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

基于纯 CSS3 的 Twitter 图标
作者: Giacomo Bartoli
很显示,使用了 @font-face 和少量阴影及圆角。

 Twitter icon in only CSS3

加拿大 Go Transit 公司标志
作者: Collin Henderson
基于 CSS3 的 border-radius 属性

 Go Transit CSS Logo

IE 标志
作者: Andreas Jacob
在 Firefox 3.6+ 以及 Safari 5 上显示最佳。使用了圆角,渐变,阴影等属性。

 Internet Explorer CSS icon


延伸阅读:
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号