Examples

Playback and events

The targets selector resolves inside the component, so the tween animates the three bars with a stagger. Each button calls one playback method, and an ancestor Action shows the last gsap-* event.

Scroll-scrubbed tween

The scrollTrigger option creates a ScrollTrigger with the component root as trigger. With scrub, the scroll position drives the progress of the tween.