DOM 笔记 - dom 动画相关的事件 - 《前端笔记本》

前言

css 的 animation 动画的相关的事件，比如动画开始，动画结束，在 dom 中也有相关的事件可以监听。

动画开始的事件

const animated = document.querySelector(".animated");
animated.addEventListener("animationstart", () => {
  console.log("Animation started");
});

动画结束的事件。

const animated = document.querySelector(".animated");
animated.onanimationend = () => {
  console.log("Animation ended");
};