GSAP Timelines vs. Sequence: What's the Difference?

What's the difference between GSAP timelines and sequences?

GSAP timelines allow you to create complex animations by controlling multiple tweens together, while sequences are simpler, executing tweens one after another.

Can you give me an example of how to use a timeline?

Sure! You can create a timeline like this: let tl = gsap.timeline(); tl.to('.box', {x: 100, duration: 1}).to('.box', {y: 100, duration: 1}); This moves the box right and then down.

What about sequences? How do they work?

Sequences are straightforward. You can chain tweens like this: gsap.to('.box', {x: 100, duration: 1}); gsap.to('.box', {y: 100, duration: 1}); Each tween starts after the previous one finishes.

When should I use a timeline instead of a sequence?

Use timelines when you need more control over the timing and order of animations, especially for complex sequences. Sequences are great for simpler, linear animations.