JSFiddle - React, Tailwind, and code Playground

by Dineshkani

HTML

Hover the element to see the effect of transition.
<div> 
</div>

CSS

div{
    background-color:blue;
    width: 40px;
    height: 40px;
transition-duration: 5s;
-moz-transition-duration: 5s; /* Firefox 4 */
-webkit-transition-duration: 5s; /* Safari and Chrome */
-o-transition-duration: 5s; /* Opera */
    transition-property: width,height;
-moz-transition-property: width,height; /* Firefox 4 */
-webkit-transition-property: width,height; /* Safari and Chrome */
-o-transition-property: width,height; /* Opera */
    transition-delay: 2s;
    -moz-transition-delay: 2s; /* Firefox 4 */
-webkit-transition-delay: 2s; /* Safari and Chrome */
-o-transition-delay: 2s; /* Opera */
}
div:hover{
    height: 400px;
    width: 400px;
}