Back
Syntax
Study
Editor
Mode:
HTML
CSS
JavaScript
PHP
Reset
Run »
HTML / CSS / JS
const el = document.querySelector(".box"); // Trigger animation by adding class el.classList.add("animate-in"); // Run something after animation completes el.addEventListener("animationend", (e) => { console.log("Animation done:", e.animationName); el.classList.remove("animate-in"); el.classList.add("settled"); }, { once: true }); // once removes listener automatically
Result
Open