遮罩層是 Web 開發中經常使用的元素，可以覆蓋在其他元素上，用來實現模態框、彈出框等功能。CSS3 提供了一些方便的屬性和值，可以實現一些酷炫的遮罩效果。

其中最常用的就是 rgba() 函數，用來設置顏色的透明度。其中的 a 值就是透明度，范圍在 0~1 之間，數值越小越透明，反之越不透明。

.mask {
background-color: rgba(0, 0, 0, 0.5);
}

也可以使用 box-shadow 屬性來實現遮罩效果，這種方法需要設置立體陰影的位置和大小，以及陰影的顏色。當顏色和背景顏色一致時，就可以形成遮罩效果。

.mask {
box-shadow: 0 0 0 9999px rgba(0, 0, 0, 0.5);
}

還有一種新的方法是使用 backdrop-filter 屬性，該屬性可以實現像毛玻璃一樣的效果，可以讓背景看起來更加模糊。但是這個屬性目前只有 Chrome 和 Safari 瀏覽器支持。

.mask {
backdrop-filter: blur(10px);
background-color: rgba(255, 255, 255, 0.8);;
}

除了上述方法，還有很多其他的屬性和值可以用來實現遮罩效果，如果想要了解更多，可以參考一些專業的文檔或教程。