前言
css 的 animation 动画的相关的事件,比如动画开始,动画结束,在 dom 中也有相关的事件可以监听。
animationstart
动画开始的事件
const animated = document.querySelector(".animated");
animated.addEventListener("animationstart", () => {
console.log("Animation started");
});
animationend
动画结束的事件。
const animated = document.querySelector(".animated");
animated.onanimationend = () => {
console.log("Animation ended");
};