JSFiddle - React, Tailwind, and code Playground

by Markerleffe

HTML

<div id="transform"></div>

CSS

#transform{
    height:40px;
    width:40px;
    background-color:black;
    -webkit-transition: .4s 1s; 
    -moz-transition: .4s 1s; 
    -o-transition: .4s 1s;  
    transition: .4s 1s; 
}

#transform:hover{
    -webkit-transition: .4s ease-out; 
    -moz-transition: .4s ease-out;
    -o-transition: .4s ease-out;  
    transition: .4s ease-out; 
    width:400px;
}