JSFiddle - React, Tailwind, and code Playground

by Alexander Branchugov

HTML

<div>

</div>

CSS

@keyframes div {
  from {display: block; opacity: 1}
  50% {display: none}
  to {display: none; opacity: 0}
}

div {
  animation: div 3s linear;
  background: red;
  opacity: 0;

  height: 20px;
  width: 20px;
  
  transition: all 3s;
}