body{ background: #222; overflow: hidden; } .rap{ position: absolute; top: 40%; left: 45%; transform-style: preserve-3d; transform-origin: 50px; animation: spin 15s linear infinite; } @keyframes spin{ 100%{transform: rotateY(1turn); } } @for $i from 1 through 250{ .wtf:nth-child(#{$i}){ width: 100px; height: 100px; border-radius: 50px; background: rgba(0,255,255,.02); box-shadow: 0 0 10px #000 inset; position: absolute; transform: rotate($i*1.44deg) rotateX(20deg) rotateY($i*1.44deg) translateX(200px); } }