令人难以置信的纯CSS3图标

尽管被批评为走火入魔，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 属性。

CCS 标志一宗

作者: Justin Sepulveda

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

Opera 标志

作者: David DeSandro

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

收藏此文 赞一下！() 打赏本站

如本文对您有帮助，就请建站学习网抽根烟吧！

支付宝打赏
微信打赏