JSFiddle - React, Tailwind, and code Playground

by Jesse M

HTML

<div class="dot"></div>

CSS

.dot {
  width:30px;
  height:30px;
  border-radius:50%;
  background:#000;
  display:block;
  -webkit-animation:colors 4s linear infinite;
  animation:colors 4s linear infinite;
}

@-webkit-keyframes colors {
  0% { background:#85b989; }
  33% { background:#378193; }
  66% { background:#4b3f55; }
  100% { background:#85b989; }
  }
@keyframes colors {
  0% { background:#85b989; }
  33% { background:#378193; }
  66% { background:#4b3f55; }
  100% { background:#85b989; }
  }