JSFiddle - React, Tailwind, and code Playground

by calder12

HTML

<ul>
    <li>Hi there</li>
</ul>

JavaScript

$(document).ready(function() {
    $('li').mouseenter(function() {
        $(this).animate({paddingLeft: '+15px'}, 200)
    }).mouseleave(function() {
                $(this).animate({paddingLeft: '-15px'}, 200);
            });
     });