Animate simulataneously with no delay
Animate simulataneously with a delay
Animate simulataneously with a negative delay
Use a variable to create a stagger
Use an offset to make the delays negative so that the elements retain stagger but don't stagger in
Use the total amount of bunnies to reverse the stagger
Use a negative coefficient to create a stagger in the opposite direction
.bunny {
animation-delay: 0s;
}
.bunny {
animation-delay: 2s;
}
.bunny {
animation-delay: -0.5s;
}
.bunny {
animation-delay: calc(var(--index) * 0.15s);
}
.bunny {
animation-delay: calc((var(--index) - 5) * 0.15s);
}
.bunny {
animation-delay: calc((5 - var(--index)) * 0.15s);
}
.bunny {
animation-delay: calc(var(--index) * -0.15s);
}