JSFiddle - React, Tailwind, and code Playground
HTML
<p><b>Note:</b> This example does not work in Internet Explorer 9 and earlier versions.</p>
<div>Hover over me to see the transition effect!</div>CSS
div
{
width:100px;
height:100px;
background:red;
-webkit-transition:width 1s; /* For Safari 3.1 to 6.0 */
transition:width 1s;
}
div:hover
{
width:200px;
}