gsap-timeline

Apply when building multi-step animations, coordinating several tweens in sequence or parallel, or when the user asks about timelines, sequencing, or keyframe-style animation in GSAP. Related skills: For single tweens and eases use gsap-core ; for scroll-driven timelines use gsap-scrolltrigger ; for React use gsap-react . By default, tweens are appended one after another. Use the position parameter to place tweens at specific times or relative to other tweens. Third argument (or position property in vars) controls placement: Examples: Pass defaults into the timeline so all child tweens inherit: Add and use labels for readable, maintainable sequencing: Timelines can contain other timelines. - Absolute : 1 — start at 1 second. - Relative (default) : "+=0.5" — 0.5s after end; "-=0.2" — 0.2s before end. - Label : "labelName" — at that label; "labelName+=0.3" — 0.3s after label.