@keyframes floatingUpDown {
100% {
transform: translateY(-50%) rotateZ(@r(-5deg, 5deg));
}
}
:doodle {
@grid: 10 x 10;
@size: 100vmax;
grid-gap: 0;
}
@random(.2) {
background-image: url("/drake_face.png");
background-size: contain;
background-repeat: no-repeat;
transform: scale(@rand(.1,.9)) rotate(@rand(0,180)deg) translate3d(@r(-20px, 20px), @r(20px, 20px), 0);
animation: floatingUpDown @r(1.5s, 5s) @r(1.5s) linear infinite alternate;
opacity: @r(0.3,1);
}