$stripe : 10px;
$background : white;
$color : black;

html, body { height: 100%; }
body {
  display: flex;
  justify-content: center;
  align-items: center;
  background: skyblue;
  overflow: hidden;
}

div {
  padding: 4.75vmin;
  background-size: $stripe*2;
  background-image:
    linear-gradient(
    transparent 0,
    transparent 50%,
    $background 0,
    $background 100%
    );
  animation: move 1s linear infinite;
  border-radius: 50%;
  background-color: $color;
  transition: transform .5s;
  will-change: background-position;
}

@keyframes move {
  to {
    background-position: 0 $stripe*2;
  }
}

div div,
div div div div,
div div div div div div {
  transform: rotate(80deg);
}