1.Imagemask我们先来了解一下什么是mask。百度上段解释：遮罩层至少要有两层，上层称为“遮罩层”，下层称为“遮罩层”；只会显示这两层之间重叠的地方。解释挺长的，但是看实际图片还是很直观的：代码：background-image:url(https://s2.ax1x.com/2020/02/13/1LF8iD.jpg);-webkit-面具：网址（https://s2.ax1x.com/2020/02/14/1XE6lF.png）；面具：网址（https://s2.ax1x.com/2020/02/14/1XE6lF.png）；线上效果：https://codepen.io/jianxiujiu...mask的属性值如下：valuedescriptionurl(_'URL'_)URLnone图片的默认值，不会显示图片背景。渐变包括线性渐变、径向渐变、圆锥渐变2.渐变mask-webkit-mask:linear-gradient(#000,transparent);mask:linear-gradient(#000,transparent);对渐变不了解的同学可以看看：https://segmentfault.com/a/11...3.使用蒙版实现变色效果。你有没有遇到过设计师给的icon图片经常变色，同一个icon在不同的场景下显示不同的颜色。图标可以使用SVG或图像来完成。如果图片需要实现多种颜色，而只使用一组图片，我们可以使用遮罩来实现。在线效果：https://codepen.io/jianxiujiu...
