JSFiddle - React, Tailwind, and code Playground

by Michel Penke

HTML

<div>

</div>

CSS

div {
width: 100px; 
height: 100px;
background: red;

  animation-name: example;
  animation-duration: 4s;

}

@keyframes example {
  0%   {background-color: red; height: 100px; width: 200px;}
  25%  {background-color: yellow; height: 100px; width: 200px;}
  50%  {background-color: blue;}
  100% {background-color: green;}
}