使用CSS绘制一个海绵宝宝


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

你可能感兴趣的:(使用CSS绘制一个海绵宝宝)