spinning dots Animation

HTML

<div class="loader-dots" aria-hidden="true"></div>

CSS

.loader-dots {
  height: 24px;
  width: 24px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-shadow:
    13px 0 0 -11px currentColor,
    -13px 0 0 -11px currentColor,
    0 -13px 0 -11px currentColor,
    0 13px 0 -11px currentColor,
    10px 9px 0 -11px currentColor,
    10px -9px 0 -11px currentColor,
    -10px -9px 0 -11px currentColor,
    -10px 9px 0 -11px currentColor;
  border-radius: 50%;
}

.animation .loader-dots {
  animation: rotate2 1s linear infinite;
}