JSFiddle - React, Tailwind, and code Playground

by tea4two

HTML

<div class="box"></div>
<div class="box2"></div>

CSS

.box {
  width: 100px;
  height: 100px;
  background-color: green;
  animation: changecolor 10s both infinite;
}
.box2 {
  width: 100px;
  height: 100px;
  background-color: yellow;
  animation: changecolor 10s 5s both infinite;
}

@keyframes changecolor {
  0% {
    opacity: 0;
  }
  16% {
    opacity: 1;
  }
  32% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}