JSFiddle - React, Tailwind, and code Playground

by mrnobody

HTML

<p></p>
<div></div>

CSS

p {
  height: 10px;
  background: black;
}

div {
  display: none;
  background: red;
}

p:hover + div {
  display: block;
  animation: slideDown 1s both alternate;
}

@keyframes slideDown {
  0% {
    height: 0px;
  }
  100% {
    height: 200px;
  }
}