What are some examples of GSAP timelines?

Can you show me some examples of GSAP timelines?

Sure! GSAP timelines allow you to create complex animations by sequencing multiple tweens. For example, you can create a timeline that fades in an element, moves it across the screen, and then fades it out.

How do I create a simple timeline in GSAP?

To create a simple timeline, you can use the gsap.timeline() method. Here's a basic example:

let tl = gsap.timeline();
tl.to('.box', {duration: 1, x: 100})
  .to('.box', {duration: 1, opacity: 0});

What are the benefits of using timelines over individual tweens?

Timelines allow for better control over the sequence and timing of animations. You can easily manage multiple animations together, create delays, and even add callbacks.

Can I add labels to my timeline?

Yes, you can add labels to your timeline using the addLabel() method. This helps in organizing your animations and makes it easier to control them later.