手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >令人难以置信的纯CSS3图标
令人难以置信的纯CSS3图标
摘要:尽管被批评为走火入魔,CSS3痴迷者们仍然在尝试实现各种基于纯CSS的图形与图标设计,如果你看到本文介绍的这些精美图标,你绝对不会相信它们完...

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

奥林匹克标志

作者: Doug Neiner

基于纯 CSS,以 em 为单位,可动态调整尺寸,需要浏览器支持 border-radius 属性,目前支持的浏览器包括 Chrome, Safari, Firefox 和 IE9。

令人难以置信的纯CSS3图标1

jQuery 标志

作者: Doug Neiner

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

令人难以置信的纯CSS3图标2

jQuery UI 标志

作者: Doug Neiner

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

令人难以置信的纯CSS3图标3

CCS 标志一宗

作者: Justin Sepulveda

全部基于纯 CSS3 的 border-radius, gradient, transform 属性。

令人难以置信的纯CSS3图标4

Opera 标志

作者: David DeSandro

做得非常漂亮,大量使用了 border-radius, gradient 属性,不过在不同浏览器显示不太一致,尤其在 IE 中。

令人难以置信的纯CSS3图标5

【令人难以置信的纯CSS3图标】相关文章:

CSS如何让背景不能滚动

网页中用于构造图表的一些基本CSS代码

三个很特别的CSS小技巧分享

表格边框以虚线显示的css样式

css实现图片在div中居中的效果

三种CSS图表代码

用CSS设计网站导航:横向导航

自动按时段切换网页的CSS风格

纯css实现的下拉菜单只有边框底纹用到图片

十套非常漂亮的CSS3按钮样式 无需图片

精品推荐
分类导航