:doodle { @size: 100vw 100vmin; } :container { perspective: 100px; transform-style: preserve-3d; } position: absolute; top: 0; left: 0; width: 2px; height: 2px; border-radius: 50%; top: @r(1%, 100%, 1.5); left: @r(1%, 100%, 1.5); background: hsl(@rn(1, 255, 3), @rn(50%, 90%), @rn(70%, 90%)); animation: move 20s infinite @r(-10, 0)s linear alternate; transform: rotate(@rn(720deg)) translate3d(@r(-50, 50)vmin, @r(-50, 50)vmin, @r(-1000, 0)px); zoom: @r(.1, 5, 3); box-shadow: 0 0 1px #fff, 0 0 3px #fff, 0 0 10px #fff; @keyframes move { 100% { transform: rotate(0) translate3d(0, 0, 0); } }