CSS3遮罩特效是現代網頁設計中非常流行的一種特效，可以有效地改變元素的顯示效果，增加網頁的美感。以下是幾個CSS3遮罩的技巧：

/* 圓形遮罩 */
.mask {
width: 200px;
height: 200px;
background-color: #fff;
-webkit-mask: url('circle.png') no-repeat center;
mask: url('circle.svg') no-repeat center;
}
/* 漸變遮罩 */
.mask {
width: 200px;
height: 200px;
background-color: #fff;
-webkit-mask: linear-gradient(to bottom, #000000 50%, transparent 100%);
mask: linear-gradient(to bottom, #000000 50%, transparent 100%);
}
/* 圖片遮罩 */
.mask {
width: 200px;
height: 200px;
background-color: #fff;
-webkit-mask: url('image.png') no-repeat center;
mask: url('image.svg') no-repeat center;
}

上述代碼中，.mask代表需要添加遮罩特效的元素，通過指定遮罩圖像或使用漸變來創建遮罩，-webkit-mask前綴兼容Chrome、Safari、Edge瀏覽器，mask屬性兼容Firefox、Chrome、Safari、Edge等現代瀏覽器。圖像格式可以是png、svg、jpeg等格式。

CSS3遮罩特效可以顯著提升網頁設計的美感和效果，讓網頁更加引人注目。