You've been dreaming...
Would you like to know more?
If so, just give us a call.
:doodle {
@grid: 20 / 100vmax;
}
@shape: bud, 100;
@size: 20%;
background: rgb(2,0,36);
background: radial-gradient(circle, rgba(2,0,36,1) 0%, rgba(@r(100), @r(900), @r(500, 600), @r(.5, 1)) 60%, rgba(255,255,255,1) 90%, rgba(255,255,255,1) 100%); box-shadow: @m5(
calc(@n * 5px) calc(@n * 2px) 0 0 rgba(500, 500, 500, @r(.2));
)
border-style: solid;
border-color: white;
border-width: 1px;
border-radius: 50%;
transform:
scale(@r(.01, .25))
translate(@m2.@r(100%));
animation: test infinite @r(20s, 40s) linear;
@keyframes test {
0% {
transform: translate3d(0, 0, 0);
opacity: @r(25%, 50%);
}
50% {
transform: translate3d(@r(-500%, 1000%), @r(-500%, 1000%), 0);
opacity 100%;
}
100% {
transform: translate3d(0, 0, 0);
opacity: @r(25%, 50%);
}