JSFiddle - React, Tailwind, and code Playground

by luka kupunia

HTML

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

CSS

div.box {
  width: 500px;
  height: 300px;
  background: black;
  margin: 50px auto;
  animation: kufuna .5s ease-out;
}
@keyframes kufuna {
  from { transform: translateY(20%); opacity: 0; }
  to { transform: translateY(0); opacity: 1; }
}