JSFiddle - React, Tailwind, and code Playground

HTML

<div>
</div>

CSS

div {
    width: 100px;
    height: 100px;  
    background: red;
}

JavaScript

$('div').on({
    mouseenter: function() {
        $(this).animate({backgroundColor: 'green'},1000)
    },
    mouseleave: function() {
        $(this).animate({backgroundColor: 'red'},1000)
    }
});