CSS 属性 mask 允许使用者通过遮罩或者裁切特定区域的图片的方式来隐藏一个元素的部分或者全部可见区域。
https://developer.mozilla.org/zh-CN/docs/Web/CSS/mask

CSS 属性 mask 允许使用者通过遮罩或者裁切特定区域的图片的方式来隐藏一个元素的部分或者全部可见区域
https://www.zhangxinxu.com/wordpress/2017/11/css-css3-mask-masks/

CSS的mask属性用于对元素应用遮罩效果。遮罩可以用来改变一个元素的可见性，实现复杂的图形效果。遮罩的基本原理是使用一个遮罩图像（mask image）或者遮罩图层（mask layer），根据该图像或图层的不同透明度，来控制目标元素的可见部分。

mask属性有多个相关的子属性，用于设置遮罩的不同参数，包括：

1. mask-image：设置遮罩图像或渐变。
2. mask-mode：定义遮罩图像的类型，如alpha（透明度）或luminance（亮度）。
3. mask-position：设置遮罩图像的位置。
4. mask-repeat：设置遮罩图像是否重复以及重复方式。
5. mask-size：设置遮罩图像的尺寸。
6. mask-clip：定义遮罩应用的范围，如border-box、padding-box或content-box。
7. mask-origin：设置遮罩的原点，与mask-clip类似。

遮罩的应用场景很多，例如，实现特殊的文本效果（如文字内填充图像），创建自定义的图形和图标，或者制作复杂的视觉效果等。遮罩可以使得设计师和开发者在不依赖图片编辑软件的情况下，直接通过CSS实现这些效果。