JSFiddle - React, Tailwind, and code Playground

by remibreton

HTML

<div>Test</div>

CSS

div {
    -webkit-transition: height 0.3s ease-out, opacity 0.3s 0.5s ease;
    -moz-transition: height 0.3s ease-out, opacity 0.3s 0.5s ease;
    -ms-transition: height 0.3s ease-out, opacity 0.3s 0.5s ease;
    -o-transition: height 0.3s ease-out, opacity 0.3s 0.5s ease;
    transition: height 0.3s ease-out, opacity 0.3s 0.5s ease;
    height:100px;
    width:100px;
    opacity:1;
    background-color:lightblue;
}
div:hover {
    height:200px;
    opacity:0.3;
}