巧用CSS遮罩

1. 用法 -webkit-mask样式是利用该属性指定的图片作为遮罩，利用这张图像的透明度来显示位于该遮罩图下方的图像。如果遮罩图某个像素点透明度为1则显示下方的图像，透明度为0则不显示，介于0-1之间则呈现相应的透明度。 详情参考 mask - CSS | MDN 可以看到，mask的语法基本上拷贝自background，可以设置遮罩的url, position, repeat, size等属

>>阅读原文<<