JSFiddle - React, Tailwind, and code Playground
HTML
<body>
<div id='slide'></slide>
</body>
CSS
#slide {
width: 200px;
height: 200px;
margin:0px;
background-color:#435000;
}
#slide:hover{transition:all 0.2s ease;width:400px;}
<body>
<div id='slide'></slide>
</body>
#slide {
width: 200px;
height: 200px;
margin:0px;
background-color:#435000;
}
#slide:hover{transition:all 0.2s ease;width:400px;}