CSS3動畫遮罩是一種讓網頁內容顯示出不同效果的技術，它可以在網頁中添加遮罩層，實現一些炫酷的特效效果，讓網頁更加吸引人。

下面是一個使用CSS3動畫遮罩的簡單例子：

.mask{
position: absolute;
top: 0;
left: 0;
z-index: 999;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.5);
display: flex;
justify-content: center;
align-items: center;
animation: fade 2s;
}
.content{
z-index: 9999;
}
@keyframes fade{
from{
opacity: 0;
}
to{
opacity: 1;
}
}

上述代碼中，.mask表示遮罩層，.content表示需要被遮罩的內容，通過設置position為absolute，并且top、left都為0，使得遮罩層覆蓋整個網頁的內容。通過設置background-color屬性，將遮罩層的背景顏色設置為黑色半透明的效果，從而達到遮罩的效果。

.mask中設置了display為flex，并且設置了justify-content和align-items為center，使得其子元素在遮罩層中居中顯示。通過添加animation屬性，使得遮罩層在2秒內呈現出淡入的效果。

在.content中，因為z-index的值比遮罩層高，所以可以讓其正常顯示在遮罩層之上。

以上就是一個簡單的CSS3動畫遮罩實現的代碼，您可以根據實際需要進行調整，實現不同的遮罩效果。總之，通過使用CSS3動畫遮罩技術，您可以為網頁增加更多的藝術感和動態感。