JSFiddle - React, Tailwind, and code Playground

by joplomacedo

HTML

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

CSS

.box {
  animation: slideUp 2.2s;
  height: 50px;
  background-color: orange;
}

@keyframes slideUp {
  0% {
    transform: translateY(50px);
  }

  100% {
    transform: translateY(0px);
  }
}