title: 有哪些用csscss3来取代图片的经典实例？
desc: 由于图片很消耗资源，所以想知道有哪些效果是可以用css3的一些取巧的技巧来达到和图片的一样的效果的，不借助javascript的话，纯css。希望大牛们多分享，谢谢。
topic: CSS
content: 你所指的图片是Icons图片？如果是Icons图片，一些简单的是可以使用CSS代码来绘制，比如 这些icon都是CSS绘制的：学习使用：before和：after伪元素 而且跟这个类似的资源在网上也是蛮多的： Replacing Common UI Icons with CSS Coding Kung-fu 35 Graphics Built Purely With CSS3 500 Free Pure CSS Icons Pure CSS drawings， 50 examples Pure CSS GUI icons experimental One div - The single element HTMLCSS icon dat
answerer_tags: 动画攻城狮