:doodle{
@size: 100vm 98vmin;
}
position: fixed;
top: @r(1%, 100%);
left: @r(1%, 100%);
width: 2px;
height: 2px;
background: #04033e;
border-radius: 50%;
z-index:-999;
background: hsl(@r(90, 120, 3), @r(90%, 100%), @r(30%, 40%));
zoom: @rn(.1, 5, 3);
transform: rotate(@r(360deg)) translate(@r(-50, 50)vmin, @r(-50, 50)vmin);
animation: move @r(20, 40)s infinite @r(-10, 0)s @p(linear, ease-in, ease-in-out) alternate;
box-shadow: 0 0 1px hsl(@r(90, 120, 3), @r(90%, 100%), @r(30%, 40%)), 0 0 3px hsl(@r(90, 120, 3), @r(90%, 100%), @r(30%, 40%));
@keyframes move {
0% {
transform: rotate(0) translate(0, 0);
}
100% {
transform: rotate(720) translate(-90, -90);
}
}
@keyframes starMove{
from {
}
to {
}
}
@keyframes weiba{
100%{
box-shadow: 0 0 100px #fff, 0 0 300px #fff;
}
}