Examples

Intro choreography

The steps compose one timeline in DOM order, with "<" and "-=0.2" positions. The timeline option sets the defaults of every step, and one restart() replays the whole timeline.

Pinned and scrubbed timeline

The scrollTrigger option pins a stage inside the component and scrubs the timeline with the scroll. The third step starts at 0, with the first one.