您现在的位置: > 首页 > 网站建设 > 网页设计
>> 最新教程
>> 热门教程
>> 最新游戏资讯
>> 热门游戏资讯
设计欣赏:纯CSS3“绘制”的图形图标
作者:                来自:安迪教程网                 加入时间:10-08-26                进入论坛讨论

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

  奥林匹克标志

  作者: Doug Neiner

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

hp.agwcn.com

  jQuery 标志

  作者: Doug Neiner

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

hp.agwcn.com

  jQuery UI 标志

  作者: Doug Neiner

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

hp.agwcn.com

  CCS 标志一宗

  作者: Justin Sepulveda

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

hp.agwcn.com

  Opera 标志

  作者: David DeSandro

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

hp.agwcn.com

  iOS icons

  作者: Louis Harboe

  非常伟大的作品,使用了 CSS3 的高级功能。

hp.agwcn.com

<<< << < 1 2 3 > >> >>>
联系方式:QQ:6084884 email:agwcn@126.com 粤ICP备10101711号
本网站中发布的文章只代表发表人的个人观点,不代表安迪教程网网站的立场
copyright© 2000-2004 安迪教程网 All rights reserved agwcn.com