其实使用CSS绘制图案对图案的设计要求远比对CSS的掌握需求要高的多，理论上基本图形+遮罩+基本变换可以画出来的图都是可以用CSS画的，这个海绵宝宝是从dribbble上面找的，自己又用sketch重新画了一遍，然后又用CSS比对着绘制的，重点是border-radius、boder画三角形和overflow:hidden做遮罩，渐变和内阴影可以使图案更有层次感，整个过程还是挺有趣的。
在线预览
项目源码