SOURCE

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

body {
  background-color: rgba(0,0,0,.5);
}

.container {
  position: absolute;
  width: 200px;
  height: 200px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  transform-origin: 49% 49%;
  mix-blend-mode: screen;
}

.box:nth-child(1) {
  background-color: #0801fb;
  animation: turn 3s linear 0s infinite;
}

.box:nth-child(2) {
  background-color: #1ffe27;
  animation: turn 3s linear -1s infinite;
}

.box:nth-child(3) {
  background-color: #fd1a20;
  animation: turn 3s linear -2s infinite;
}


@keyframes turn {
  to {
    transform: rotate(360deg);
  }
}