css属性mask遮罩

属性 mask 用于创建遮罩效果，可以实现图像裁剪、透明度渐变、文本效果等。下面是一些常用的 mask 属性及其说明

mask-image: 定义要用作遮罩的图像。可以使用图片、线性渐变、径向渐变等作为遮罩。
mask-size: 定义遮罩的尺寸。可以设置具体的宽度和高度值，也可以使用关键字 auto 自动缩放。
mask-position: 定义遮罩的位置。可以设置具体的水平和垂直定位值，也可以使用关键字 center 居中对齐。
mask-repeat: 定义遮罩的重复方式。可以设置 repeat（默认）、no-repeat、repeat-x、repeat-y 等。
mask-origin: 定义遮罩的起始位置。可以设置 border-box（默认）、padding-box 或 content-box。
mask-mode: 定义遮罩的叠加模式。可以设置 alpha（默认）表示使用遮罩图像的 alpha 通道，或者 luminance 表示使用遮罩图像的亮度。

进一步使用学习可参考大佬Chokcoco的文章奇妙的css MASK