$count : 3;

$bgcolorlist: #0801fb #1ffe27 #fd1a20;

​

body {

    background-color: #291f34;

    overflow: hidden;

}

​

.container {

    position: absolute;

    width: 150px;

    height: 150px;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

}

​

.box {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    border-radius: 50%;

    transform-origin: 47% 47%;

    mix-blend-mode: screen;

}

​

@for $i from 1 through $count {

    .box:nth-child(#{$i}) { 

        background-color: nth($bgcolorlist, $i);

        animation: turn 0.6s linear #{0.6 - $i * 0.2}s infinite;

    }

}

​

​

@keyframes turn {

    to {

        transform: rotate(360deg);

    }

}