JSFiddle - React, Tailwind, and code Playground

by Whre

HTML

<body>

<input type="text" id="div"/> 

<p>Hover over the div element above, to see the transition effect.</p>

</body>

CSS

#div {
    width: 100px;
    height: 100px;
    background: red;
    transition: width 3600s, height 3600s;
}

#div:hover {
    width: 300px;
    height: 300px;
    transition: width 1s, height 1s;
}