JSFiddle - React, Tailwind, and code Playground

by luka kupunia

HTML

<div class="box"></div>
<div class="box" style="animation-delay:0.2s;"></div>
<div class="box" style="animation-delay:0.4s;"></div>

CSS

div.box {
  width: 100px;
  height: 100px;
  background: darkblue;
  display: inline-block;
  animation: a 1s both;
}
@keyframes a {
  from {
    transform: translateY(100px);
    opacity:0;
  }
  to {
    transform: trnslateY(0);
    opacity: 1;
  }
}