CSS3中的蒙版是一个非常有用的功能，它可以让网页作者轻松地创建出美丽的视觉效果，提高用户体验。那么，蒙版是如何实现的呢？

/* 创建一个蒙版 */
.mask {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.5);
}
/* 设置蒙版元素的z-index值高于其他元素 */
.mask {
z-index: 9999;
}

如上代码中，我们先创建了一个类名为“mask”的元素，它的定位方式是绝对定位（position: absolute;），覆盖在网页内容之上。接着，我们设置了蒙版元素的宽度和高度都是100%，这样就可以让蒙版元素铺满整个网页。蒙版的背景颜色是黑色（background-color: rgba(0,0,0,0.5);），我们设置它的透明度为0.5，这样就可以看到网页底下的内容了。

最后，我们设置蒙版元素的z-index值为9999，这样就可以让蒙版元素始终处于其他元素的上方，遮盖住网页内容，实现蒙版的效果。

总的来说，CSS3中的蒙版原理就是使用一个绝对定位的元素，覆盖在网页之上，设置其透明度，实现遮罩效果。同时，通过z-index属性，使其处于其他元素之上。