JSFiddle - React, Tailwind, and code Playground

by mikapon

HTML

<div class="box">
  <div class="slidein">fuga</div>
</div>

CSS

.box {
  width: 200px;
  height: 200px;
  overflow: hidden;
  position: absolute;
  background-color: black;
}

.slidein {
  position: absolute;
  width: 100%;
  height: 25px;
  background-color: gray;
  top: -25px;
}

.box:hover .slidein {
  top: 0;
  transition: all 0.5s;
}