让人难以置信的纯CSS3图标

2014走起户外

2014走起户外

2016-02-20 00:24

图老师设计创意栏目是一个分享最好最实用的教程的社区,我们拥有最用心的各种教程,今天就给大家分享让人难以置信的纯CSS3图标的教程,热爱PS的朋友们快点看过来吧!

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

  奥林匹克标志

  作者: Doug Neiner

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

  

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)

 

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)

  jQuery 标志

  作者: Doug Neiner

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

  

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)

 

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)

  jQuery UI 标志

  作者: Doug Neiner

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

  

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)

 

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)

  CCS 标志一宗

  作者: Justin Sepulveda

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

  

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)
展开更多 50%)
分享

猜你喜欢

让人难以置信的纯CSS3图标

Web开发
让人难以置信的纯CSS3图标

让你绝对难以置信的摄影照片欣赏

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
让你绝对难以置信的摄影照片欣赏

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

40个难以置信的影像设计

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
40个难以置信的影像设计

令人难以置信的3D绘画艺术作品

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
令人难以置信的3D绘画艺术作品

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

难以置信的烟雾艺术摄影作品欣赏

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
难以置信的烟雾艺术摄影作品欣赏

CSS3设计赛:基于纯CSS3技术的前5名设计师

Web开发
CSS3设计赛:基于纯CSS3技术的前5名设计师

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

伤感的QQ签名_虚伪的世界

伤感的QQ签名_虚伪的世界

昨晚做梦梦见你了,在梦中,你还是对我那么好.

昨晚做梦梦见你了,在梦中,你还是对我那么好.
下拉加载更多内容 ↓