body{ background: #444; } .rap{ position: absolute; top: 30%; left: 45%; transform-origin: 25px 70px; animation: spin 15s linear infinite; } @keyframes spin{ 100%{transform: rotate(1turn); } } @for $i from 0 through 50{ .wip:nth-child(#{$i}){ position: absolute; transform-origin: 25px 70px; transform: rotate($i*7.2deg); &:nth-child(#{$i}):after{ content:''; width: 75px; height: 20px; background: adjust-hue(rgba(0,255,0,.2), $i*50%); border-radius: 7px; box-shadow: 0 0 5px #000 inset; display: block; animation: wip 5s linear infinite; animation-delay: $i*-.05s; } } @keyframes wip{ 0%{transform: rotate(1turn); } } }