JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://ricostacruz.com/jquery.transit/jquery.transit.min.js"></script>
<p id="element">Font Color and Size Transition Test - Hover over me!</p>

CSS

p {

font-size: 12px;
color: #0F9;
}

JavaScript

$("#element").hover( function () {
    //On hover in
    $('#element').transition({ 'color': '#FC0', 'font-size': '40px' }, 1000);    
}, function () {
    //On hover out
    $("#element").transition({ 'color': '#0F9', 'font-size': '12px' }, 1000);
});