JSFiddle - React, Tailwind, and code Playground

by Liming Geng

HTML

<div>
  
</div>

CSS

div {
  width: 150px;
  height: 150px;
  animation: anima 4s infinite steps(4); /* 第二个参数默认是end */
}

@keyframes anima {
  /* from === 0%, to === 100% */
  from {
    background-color: red;
  }
  to {
    background-color: blue;
  }
}