在网页设计中，动画效果能够提升用户体验，增强页面的交互性。盖章动画是一种常见的效果，它可以模拟盖章的整个过程，让用户感受到文档被认证的感觉。使用CSS可以简单快捷地实现盖章动画效果。

.seal {position: relative;display: inline-block;}.seal::after {content: "";display: block;position: absolute;top: 50%;left: 50%;width: 60px;height: 60px;margin: -30px 0 0 -30px;background-color: #f7bfcc;border-radius: 100px;box-sizing: border-box;border: 6px solid #9f0a12;transform: scale(0);}.seal.clicked::after {animation: stamp 0.6s ease-in-out;}@keyframes stamp {0% {transform: scale(0);}50% {transform: scale(1.3);}100% {transform: scale(1);}}

以上CSS样式中，通过设置伪元素::after来模拟盖章效果。当用户点击盖章按钮时，应该在盖章元素上加上.clicked类名，触发动画效果。

动画效果的具体实现在关键帧部分。在这里，我们定义了一个名为stamp的动画，应用于盖章元素的::after伪元素上。这个动画总时长为0.6秒，在动画过程中，元素从初始状态的scale(0)变换到最终状态的scale(1)，并在中间的50%处进行一次放大操作，实现动画效果的单向流程。

通过以上CSS样式和关键帧的设置，我们就可以实现一款简单的盖章动画，带来更丰富的用户体验。