JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<p>This is a paragraph.</p>

CSS

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

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

JavaScript

$(document).ready(function(){
    $("p").one("webkitTransitionEnd otransitionend oTransitionEnd msTransitionEnd transitionend", function(event ){
       if(!$(this).is('.doneamnimation'))
        $(this).animate({fontSize: "+=6px"}).addClass('doneamnimation');
    });
});