CSS中的蒙版是一個用于覆蓋在元素上的透明層。它可以用于實現各種效果，比如快速創建不同顏色的文本蒙版、強調、特殊效果等等。

在生成CSS延伸的蒙版時，我們需要使用CSS的偽元素——":after"或者":before"來創建蒙版層。下面是一個基本的代碼示例：

.element {
position: relative;
}
.element:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(255,255,255,0.5);
}

這個示例中，我們首先為元素設置了"position: relative;"，以便之后的蒙版層的絕對定位可以相對于該元素進行定位。

接下來，我們使用":after"偽元素來創建一個空的透明層，然后通過"content"屬性將其顯示出來。接著，我們通過"position: absolute;"將它的位置固定在父元素的左上角，并使用"top: 0;"和"left: 0;"將其與父元素對齊。最后，我們通過"width: 100%;"和"height: 100%;"將其撐滿整個元素，并使用"background"屬性將其顏色設置為白色，并使用"rgba"設置其透明度為0.5，從而實現了一個半透明的蒙版層。

如果我們需要更改蒙版的顏色，只需要在"background"屬性中更改顏色即可。例如，我們可以將背景顏色設置為黑色：

.element:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.5);
}

通過這種方式，我們可以快速地創建各種不同顏色和透明度的蒙版效果，用于實現各種獨特和實用的設計效果。