CSS3动画使得网页变得更加生动有趣，但是当动画完成之后我们想要做些什么呢？例如，我们想在动画结束后显示某个提示信息或者执行某个函数。
这时候，我们可以使用CSS3动画提供的事件来实现。CSS3动画提供了四个事件：
animationstart animationiteration animationend transitionend
分别对应动画开始、动画重复、动画结束、过渡结束这四个事件。
下面我们通过一个例子来演示如何使用这些事件：
运行上述代码，会看到页面上出现了一个绿色的正方形，它会向右移动200像素。当动画结束后，会弹出一个提示框，提示“动画已结束！”。
上述代码中，我们通过addEventListener方法监听了动画结束事件（animationend），当这个事件触发时，就会弹出提示框。
要监听其它事件，只需要将代码中的“animationend”替换为其它事件即可。
以上就是CSS3动画完成之后如何处理事件的介绍，希望对你有所帮助。
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [email protected] 举报，一经查实，本站将立刻删除。
