JSFiddle - React, Tailwind, and code Playground

by Alexandru Gatea

HTML

<div class="element"></div>

CSS

.element {
  width: 100%;
  height: 200px;
  background: orange;
  position: relative;
  top: 100px;
  animation: fadeInUp 3s ease-in forwards;
  animation-delay: 1s;
  opacity: 0;
}


@keyframes fadeInUp {
  from {top: 100px; opacity: 0;}
  to {top: 0px; opacity: 1}
}