:doodle{
position: absolute;
zindex: 999;
@grid:4 / 100vmax;
}
@size: @rand(50,20)px;
background: url(image/@pick(petal,petal2,petal3).png);
background-size: contain;
background-repeat: no-repeat;
transform: rotate(@rand(0,360)deg);
position: absolute;
left: @rand(0,100)%;
top: -10%;
animation: petal 50s infinite @rand(0,60)s;
@keyframes petal {
0%{
top:0%;
left:@rand(-20,100)%;
transform:rotate(@rand(1080,1200)deg);
}
100%{
top: 100%;
left: @rand(0,110)%;
transform: rotate(@rand(3600,4000)deg);
}
}
