51个纯CSS绘制的漂亮图标(转)

写在前面:无意中看到这篇干货,css令人大开眼界,不要低估任何一门技术,只是你钻研的不够深入,就是自己菜而已,下面是正文。
正文开始:
CSS是网页设计师和前端人员需要了解和学习的一门语言,特别是现在很多网页使用扁平化设计,这类设计风格大部分布局、交互动画甚至是图标都会使用高级点的CSS3技能,所以我们应该熟练掌握CSS这门样式语言。
为大家分享51个纯CSS绘制的漂亮图标,欣赏同时,大家可以从中学习一些编写方法,另外这图标是免费的,你也可以将它用到你的网页设计项目上。
纯CSS图标
Pure CSS Clok
查看演示
Single Element Pure CSS Mackbook Pro
查看演示
Google Browser Icon Set In Pure CSS
查看演示
CSS Flat Wallet Icon
查看演示
Dribbble Icon
查看演示
Animated Icons
查看演示
Flat Icons CSS – Dribbble Remake
查看演示
Pure CSS Iconex Flat Icon Set
查看演示
Flat CSS Pure Burger Icon
查看演示
Map Marker CSS Only
查看演示
Device In Pure CSS
查看演示
Compass CSS3
查看演示
Full CSS Nes
查看演示
TweetBot IOS7 Icon
查看演示
Computer Monitor And Laptop Pure CSS
查看演示
Hanging Picture Frames
查看演示
Animated Trash Icon Pure CSS
查看演示
Mail Icon
查看演示
CSS Hamburger Icon
查看演示
Pure CSS Ribbon
查看演示
Vector Opera Logo
查看演示
CSS Microphone Icons
查看演示
Pure CSS Owl
查看演示
Pure CSS3 Arrow Icon
查看演示
Pure CSS Google Logo
查看演示
Pure CSS Peeling Sticky
查看演示
Cute CSS3 Only Animals
查看演示
Pure CSS RSS Icon
查看演示
Credit Card
查看演示
Camera
查看演示
Pure CSS3 Calender Icon
查看演示
Currency Icon
查看演示
CSS Flat Gift Icon
查看演示
Responsive CSS WordPress Logo
查看演示
Pure CSS Folder
查看演示
Google Search Voice Pure CSS3
查看演示
Envelop Hover Transition
查看演示
IOS Camera Icon
查看演示
Pure CSS Printer
查看演示
Pure CSS3 Preloader
查看演示
Color Picker In Pure CSS
查看演示
Pure CSS Checklist Icon
查看演示
CSS Smileys
查看演示
Apple Mice
查看演示
纯CSS按钮
Progress Button Styles
查看演示
Pure CSS Flat Switches
查看演示
CSS3 Patterned Buttons
查看演示
Button Switches With Checkboxes And CSS3 Fanciness
查看演示
Creative Button Styles
查看演示
Share It Reloaded
查看演示
Styled Radio Buttons
查看演示

本文出自:http://www.shejidaren.com/pure-css-icons.html
最后又到了观众朋友们最喜欢的求赞求关注环节:希望看完的朋友点个喜欢,想关注我这个菜鸡是如何成长的也可以关注一下我,基本上每个月都不会少于十五篇文章(看到干货我也会进行分享)。然后github也互相加个star。码字不易,感谢支持,感激不尽!

  • 2
    点赞
  • 15
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值