JSFiddle - React, Tailwind, and code Playground

HTML

<div>
</div>

CSS

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

div:hover {
    background: green;
    transition: all 0.5s ease-in-out;
}