JSFiddle - React, Tailwind, and code Playground

by Jordan Sayner

HTML

<div>

</div>

CSS

div{
  width: 300px;
  height: 300px;

  background: brown;
  animation-name: anim;
  animation-duration: 10s;
  animation-iteration-count: 10000;
  animation-direction: alternate;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
  animation-delay: 50s;
}
@keyframes anim {
  from {
    background: red;
  }
  to {
    background: blue;
  }
}