CSS 蒙板技術可以讓我們在圖片上遮蓋一層顏色、透明度等樣式，用來達到一些特殊的效果。比如，我們可以通過在圖片上加上蒙板，來制作出一些炫酷的效果。

/* 步驟1：先定義一個容器來存放需要遮蓋的圖片和蒙板 */
.container {
position: relative;
}
/* 步驟2：設置圖片的樣式 */
img {
width: 100%;
}
/* 步驟3：定義蒙板的樣式 */
.mask {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.5); /* 設置蒙板的顏色和透明度 */
transition: all .3s; /* 設置蒙板的過渡效果 */
opacity: 0; /* 初始狀態下，讓蒙板透明 */
}
/* 步驟4：設置容器的:hover事件，當鼠標移到容器上時，蒙板變為不透明 */
.container:hover .mask {
opacity: 1;
}

通過這些步驟，我們就可以在網頁中輕松地實現圖片上加蒙板的效果了。掌握了這個技巧，我們可以運用到自己的作品中，讓它看起來更有設計感。