JSFiddle - React, Tailwind, and code Playground

HTML

<div id="sample">
    Hello
</div>

CSS

#sample { 
    background: #ccc; 
    height: 50px;
    width: 50px;
}

JavaScript

$(document).ready(function(){
    $("#sample").mouseover(function() {
         $(this).animate({ backgroundColor:'#f00'},1000);
    }).mouseout(function() {
        $(this).animate({ backgroundColor:'#ccc'},1000);
    });       
});