Stagger animations

A light 190 bytes pure javascript helper to add stagger to css animations or transitions. Run an automated demo, mash the buttons on the left or enter custom stuff in the form.

red#EF5350

pink#f06292

purple#BA68C8

deep purple#9575CD

indigo#5C6BC0

blue#42A5F5

light blue#4FC3F7

cyan#4DD0E1

teal#80CBC4

green#81C784

light green#9ccc65

lime#DCE775

yellow#FFEE58

amber#FFD54F

orange#FFB74D

deep orange#FF8A65

baby douche#44ccff

stabwound#dd0000

Bimbohotpink

Fire#ff7700

Use

Create animation or transition
Get Stagger Animation at Github
Include the helper in your page
call it ie stagger.init(".color"); // use default options
Start your animation or transition with any method you desire

Options

Stagger in ms (milliseconds, 1000 = 1 second)
stagger.init(".myClass", 120); // stagger 120ms
Stop after n elements
stagger.init(".myClass", null, 4); // stop after 4th element
Delay type
stagger.init(".myClass", null, null, 'transition-delay'); // Use transition-delay