JSFiddle - React, Tailwind, and code Playground

by iamacatperson

HTML

<p>This is another animated text.</p>

CSS

p {
    color: #000;
    cursor: pointer;
}

JavaScript

$('p').hover(function() {
    $(this).animate({
        paddingLeft: '+=15px',
        fontSize: '+=20px'
    }, 200); 
    }, function() {
    $(this).animate({
        paddingLeft: '-=15px', 
        fontSize: '-=20px'
    }, 200);   
});