:doodle {
@size:100% 60vmin;
margin: 0 auto;
}
: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:#fff;
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);
}
}
