CSS蓋章動畫是一種常見的網頁設計效果，它可以令用戶感到頁面很有生氣，增強網頁的可讀性和視覺效果。

.stamp {
position: relative;
width: 100px;
height: 100px;
background: #888;
border-radius: 50%;
}
.tag {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) rotate(-45deg) skew(-10deg);
width: 50px;
height: 50px;
background: #fff;
border-radius: 5px;
border: 2px solid #f00;
box-shadow: 0 0 2px 2px #ddd;
}
.tag:before, .tag:after {
content: "";
position: absolute;
top: -10px;
left: -20px;
width: 60px;
height: 20px;
background: #f00;
border-radius: 5px;
transform: rotate(-45deg);
z-index: -1;
opacity: 0;
transition: opacity .3s ease-in-out;
}
.tag:before {
transform-origin: bottom left;
}
.tag:after {
transform-origin: bottom right;
}
.tag:hover:before, .tag:hover:after {
opacity: 1;
}

以上是一個簡單的CSS蓋章動畫實現代碼，其中stamp類是一個包裹層，用于包裹tag類(蓋章)，通過設置tag類的旋轉和傾斜角度，加上陰影效果和相應的顏色，再加上before和after偽元素即可完成簡單的蓋章特效。

在:hover偽類下，通過將before和after元素的opacity屬性調整為1，實現鼠標滑過時的動畫效果。

這個蓋章動畫可以用于按鈕，圖標等界面元素的設計中，讓網頁更加生動有趣。