JSFiddle - React, Tailwind, and code Playground

by Douglas Duhaime

HTML

<div class="c">
  <div class="h" />
</div>

CSS

.c {
  height: 300px;
  width: 300px;
  background: red;
  position: relative;
}

.h {
  height: 100%;
  width: 100%;
  transition: margin .3s;
  position: absolute;
  z-index: 2;
  background: green;
}

.c:hover .h {
  margin-top: -300px
}