JSFiddle - React, Tailwind, and code Playground

by Alex Slepenkov

HTML

<div class="first"></div>
<div class="second"></div>

CSS

.first {
   position: absolute;
   overflow: hidden;
   width:50px;
 height: 48px;
   bottom: 65px;
   border:2px solid red;
      transition: all 220ms ease-in-out;
}
 
.first:hover {
   height: 154px;

}
 
.second {
   position: relative;
    height:50px;
}