主要介绍了用一个DIV画图通过background-image叠加实现，通过 radial-gradient 径向渐变，需要的朋友可以参考下

这些图片都是用一个DIV绘制出来的，其实原理并不复杂。   这些图片都是由CSS绘制出来的，通过background-image叠加实现， 如蘑菇头的实现，通过 radial-gradient 径向渐变 , linear-gradient 线性渐变相互叠加实现，如： 复制代码代码如下: div { width: 170px; height: 140px; background-image: radial-gradient(circle at 500%, rgba(0,0,0,0.7) 23