react18-tools/turborepo-template

/* HTML: <div class="loader"></div> */
.loader {
  --c: #000;
  width: 60px;
  aspect-ratio: 4;
  background: radial-gradient(circle closest-side, var(--c) 90%, #0000) 0 / calc(100% / 3) 100%
    space;
  clip-path: inset(0 100% 0 0);
  animation: anim 1s steps(4) infinite;
}

@keyframes anim {
  to {
    clip-path: inset(0 -34% 0 0);
  }
}