JSFiddle - React, Tailwind, and code Playground

HTML

<p>This is a paragraph.</p>

CSS

p {
   
    background: red;
    -webkit-transition: -webkit-transform 1s; /* For Safari 3.1 to 6.0 */
    transition: transform 1s;
}

p:hover {
    transform:translate(10px,0px);
    -webkit-transform:translate(10px,0px);
}

JavaScript

$(document).ready(function(){
    var fired = false;
    $("p").one("webkitTransitionEnd otransitionend oTransitionEnd msTransitionEnd transitionend", function(event ){
        if ( !fired ) {
            fired = true;
            $(this).animate( { fontSize: "+=6px" } );
            alert('+6');
        }
    });
});