Learn Gsap Timeline
The gsap.timeline()
method is used to create a timeline
instance that sequences multiple animations in a controlled and
synchronized manner.
A timeline allows developers to chain animations using methods such
as .to()
, .from()
, and
.fromTo()
, enabling precise control over the order and
timing of each animation step.
Unlike standalone GSAP animations, which run independently, a
timeline groups animations together, allowing for centralized
playback control using methods like .play()
,
.pause()
, .reverse()
, and
.restart()
.
Timelines also support features such as relative positioning, overlapping animations using time offsets, labels for navigation, and nesting of other timelines, making them ideal for complex animation sequences.
Read more about the Gsap Timeline method.