# No delay

# Delay

# Negative Delay

# Staggered

# Staggered w/ Negative Delay

# Reverse Stagger

# Reverse Stagger w/ Negative Delay

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);}