蒙板（mask）在 Web 開發中被廣泛應用，一般用于實現如遮罩、裁剪、濾鏡等效果。在 CSS3 中，我們可以使用 mask-image、mask-repeat、mask-position、mask-size 等屬性來控制蒙板效果，下面給大家介紹一下這些屬性。

1. mask-image：指定蒙板效果的圖片，可以是一個 URL，也可以是漸變或圖案（patterns）。

.element {
mask-image: url('mask.png');
}

2. mask-repeat：控制蒙板圖片的重復方式，有 repeat、repeat-x、repeat-y 和 no-repeat 四個選項。

.element {
mask-image: url('mask.png');
mask-repeat: repeat-x;
}

3. mask-position：控制蒙板圖片相對于元素的位置，支持常見的 top、bottom、left、right 等值。

.element {
mask-image: url('mask.png');
mask-position: top center;
}

4. mask-size：控制蒙板圖片的大小，可以設置寬、高的具體數值或按比例縮放。

.element {
mask-image: url('mask.png');
mask-size: 50% auto;
}

需要注意的是，蒙板效果只對實際內容（元素）進行裁剪，不影響元素的尺寸和定位，同時蒙板效果也不會影響到元素的子元素。