CSS3蒙版是一種用于圖片或其他元素上覆蓋另一層的效果。蒙版可以用于創建一些比較酷炫的效果，比如說，鼠標懸停時部分圖片變得模糊或者半透明。下面我們來看一個例子。

<div class="container">
<img src="example.jpg" class="img1" alt="example image">
<div class="mask"></div>
</div>

上述代碼中，我們創建了一個class為container的div容器，里面包含了一張圖片和一個class為mask的div。下面來看一下CSS代碼：

.mask {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
opacity: 0;
transition: all 0.3s ease;
}
.container:hover .mask {
opacity: 1;
}
.container img {
display: block;
width: 100%;
height: auto;
}

上述代碼中，我們首先定義了class為mask的div的CSS樣式，使其覆蓋在圖片上方。然后我們設置了div的背景顏色為半透明黑色，通過opacity屬性設置初始透明度為0，實現了蒙版效果。最后我們使用CSS過渡效果，當鼠標懸停在容器上時，透明度變為1，從而達到了鼠標懸停時部分圖片變得模糊或者半透明的效果。

總的來說，通過使用CSS3蒙版，我們可以為網頁添加一些比較酷炫的效果，提高用戶的體驗度，同時也能讓網頁看起來更加美觀。