:doodle {
@grid: 8 / 100vmax;
}
@random(0.015) {
@shape: hypocycloid 4;
background: hsl(176, 32%, 57%);
}
@random(0.015) {
@shape: hypocycloid 4;
background: hsl(15, 77%, 50%);
}
@random(0.015) {
@shape: hypocycloid 4;
background: hsl(21, 86%, 64%);
}
width: 6px;
height: 6px;
will-change: transform;
animation: f 5s linear calc(-20s / @size() * @i()) infinite;
@keyframes f {
from { transform: translate(0, 1000%) }
to { transform: translate(0, -1000%) }
}
staff@laravelconf.tw
