JSFiddle - React, Tailwind, and code Playground

by Eugeny Venegrad

HTML

<div></div>

CSS

div {
  background-color: #000;
  width: 100px;
  height: 100px;
  opacity: 0;
  animation: keyframe 1s 1 forwards;
}

@keyframes keyframe {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}