Back
Syntax
Study
Editor
Mode:
HTML
CSS
JavaScript
PHP
Reset
Run »
HTML / CSS / JS
const box = document.querySelector(".box"); box.addEventListener("transitionend", (e) => { console.log(`${e.propertyName} transition finished`); // Remove class after fade-out completes if (e.propertyName === "opacity") { box.style.display = "none"; } }); // Trigger the transition box.classList.add("fade-out");
Result
Open