JSFiddle - React, Tailwind, and code Playground

by jonahe

HTML

<div class="box" />

CSS

.box {
  width: 100px;
  height: 100px;
  background-color: red;
  animation: scaleY 1s 1s forwards 1 ease-in-out;
}

@keyframes scaleY {
  0% {
     transform: scaleY(1);
  }
  20% {
    transform: scaleY(0.75);
  }
  45% {
    transform: scaleY(0.85);
  }
  100% {
     transform: scaleY(0.1);
  }
}