之前在知乎上看到一个话题：CSS 有什么奇技淫巧，下面有个回答：只用一个<div>加一坨一坨的 CSS，然后画出各种图案

此作者的CSS绘画项目展示网站:
a-single-div 网站有很多图案，画的很赞。

研究了一下这种单个div画图，主要有以下几种思路：

1、利用CSS伪类，css:before, css:after，这样就有了三个元素

2、使用width、height、border-radius、border可以做出矩形、圆形、椭圆形、三角形和梯形

3、使用box-shadow可以无限绘制相同形状不同大小，不同颜色，不同模糊效果的图案，分布在各个位置

4、使用多层渐变叠加来实现多种图形和光影

研究了作者的实例之后，我就开始创作了：
画了一把小雨伞：

虽然形状都完成了，但是还是没有作者讲的那种真实感 /(ㄒoㄒ)/~~

画的过程中，又去翻了翻CSS3渐变的知识，熟能生巧啊，还是要多练习才能更加应用自如~~

先到这里，有个小想法，想开启个项目，专门用CSS画图案、动画等的~