gsap-timeline

Create a timeline with gsap.timeline() and chain .to() calls; tweens appended to a timeline play one after another by default. Use the position parameter as the third argument to control exact placement.

The position parameter is the third argument of timeline methods that controls when a tween starts. It accepts absolute times like 1, relative offsets like "+=0.5" or "-=0.2", labels, and "<" or ">" to align with the previous tween's start or end.

Yes, timelines can contain other timelines. Add a child timeline to a master timeline with master.add(child, position), which lets you group related animations into reusable, self-contained sequences.

Use a timeline instead of chaining delays. Timelines with the position parameter and labels are easier to read, maintain, and control, and they support playback methods like play, reverse, and seek across the whole sequence.

No, ScrollTriggers should only be placed on top-level tweens or timelines, never on tweens nested inside a timeline. Attach the ScrollTrigger to the timeline itself so it scrubs the entire sequence.