Timeline Basic
Create complex, sequenced animations with GSAP timelines. Control timing and coordination.
GSAP Timeline Animations
Coordinate multiple animations with precise timing
Controlled Timeline
1
2
3
4
5
Auto-Playing Timeline
This timeline plays automatically and repeats
A
B
C
D
Scroll-Triggered Timeline
This timeline triggers when you scroll to it
S1
S2
S3
S4
Timeline Benefits
• Precise Control: Control timing, delays, and sequencing
• Coordination: Animate multiple elements together
• Flexibility: Play, pause, reverse, and seek
• Performance: Optimized for smooth animations