TAG
CSS
JavaScript
Result
Run
License
<p>롤오버후 1초 이내에 마우스를 벗어나게 하세요.</p> <p>Please get mouse out within 1 second in button.</p> <button type="button" id="btn-start">Rollover me</button>
#btn-start { width: 100px; transition: 1s 1s; } #btn-start:hover { background: #FFFF00; }
window.addEventListener("load", function() { const elBtn = document.querySelector("#btn-start"); elBtn.addEventListener("transitioncancel", function(e) { e.currentTarget.textContent = "Cancel!"; }); });
Console
expand_less
License
License
by DevDic
Close