JSFiddle - React, Tailwind, and code Playground

HTML

<div id="test">Test</div>
Hover over the red box

CSS

#test {
    background-color: red;
    height: 50px;
    -webkit-transition: background-color 1.5s linear;
}
#test:hover {
    background-color: cyan;
}

JavaScript

document.getElementById('test').addEventListener('webkitTransitionEnd', function(event) {
    alert("CSS Property completed: " + event.propertyName);
}, false );