:doodle{
@grid: 10 / 100vmax;
}
@size:@rand(5,20)px;
background:url(./images/@pick(1,2,3).png);
background-size:cover;
background-repeat:no-repeat;
transform:rotate(@rand(0,360)deg);
position:absolute;
bottom:-10%;
left:@rand(0,100)%;
animation:dot 60s infinite @rand(0,60)s;
@keyframes dot {
0%{
bottom:0;
left:@rand(-20,100)%;
opacity:1;
transform:scale(1);
}
50%{
opacity:@rand(0.3, 1);
transform:scale(1.3);
}
100%{
bottom:150%;
left:@rand(0,110)%;
opacity:1;
transform:scale(0.1);
}
}