JSFiddle - React, Tailwind, and code Playground

by CarambaMoreno

HTML

<div id="body">
  <div class="punto">
  </div>
</div>

CSS

.punto{background:red;width:50px; height:50px;float:left;animation-name: fondo;animation-duration: 4s;animation-iteration-count: infinite;}
@keyframes fondo {
  from {
    background: red;
  }
  10% {
    background:red;
  }
  20%{
    background:blue;
  }
  30%{
    background:blue;
  }
  40%{
    background:yellow;
  }
  50%{
    background:yellow;
  }  
  60%{
    background:blue;
  }
  to {
    background: red;
  }
}