这是我参与11月更文挑战的第26天，活动详情查看：2021最后一次更文挑战
mask-size
mask-size作用是控制遮罩图片尺寸，性质类似于background-size属性，默认值是auto，支持contain和cover两个关键字属性值。也支持百分比值和长度值，如果垂直方向的尺寸省略，会自动计算为auto。也支持多属性值一起使用。
mask-size: contain;
mask-size: 44%;
mask-size: 6rem;
mask-size: 7px auto contain;
mask-composite
mask-composite属性表示同时使用多张图片进行遮罩时的合成方式，支持的属性值比较多，其中有add为默认值，表示遮罩累加。subtract表示遮罩相减也就是遮罩图片重合的区域不显示，意思就是遮罩图片越多，遮罩区域越小。intersect表示遮罩相交，也就是遮罩图片重合的区域才显示遮罩。exclude表示遮罩排除，也就是遮罩图片重合的区域被当作透明的,常常被用于渐变图像可以实现反向遮罩效果，应用于实现镂空的遮罩效果。
mask-composite: add;
mask-composite: subtract;
mask-composite: intersect;
mask-composite: exclude;
在谷歌浏览器中除了以上属性值，还有额外的属性值。例如source-over表示遮罩区域累加。source-in表示遮罩区域是交叉重叠的区域。source-out表示遮罩区域是上层图像减去其和下层图像重叠的区域。source-atop表示保留底层图像区域，并在其上方累加上层和下层图像重叠的区域。destination-over表示下层遮罩图像叠加在上层遮罩图像上，默认的遮罩模式是基于alpha通道计算的。destination-in表示遮罩区域是交叉重叠的区域。destination-out表示遮罩区域是下层区域图像减去其和上层图像重叠的区域。destination-atop表示保留上层图像区域，并在上方累加上层和下层图像重叠的区域。xor表示上层图像和下层图像重叠的区域透明。copy表示忽略下层图像，只使用上层图像区域作为遮罩区域。clear当遮罩图像有多张的时候，最终的遮罩效果是完全透明的。
-webkit-mask-composite: source-out;
-webkit-mask-composite: copy;
mask-border
mask-border属性是多个属性的缩写，mask-border-mode属性表示边框遮罩的模式，支持alpha和luminance这两个关键字属性值，分别表示遮罩效果是基于透明度还是基于亮度。mask-border-outset属性表示边框遮罩效果向外偏移的大小，支持长度值和数值，如果值是数值，则表示边框宽度borde-width属性值的倍数。
mask-border-outset: 3rem;
mask-border-mode: alpha;
