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 with 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 in GSAP?

Using timelines in GSAP helps you manage complex animations more easily, allows for better control over the sequence, and makes it simpler to create synchronized animations.

Can I add callbacks to the timeline?

Yes, you can add callbacks to your timeline using the onComplete, onStart, and other callback properties. For example:

tl.to('.box', {duration: 1, x: 100, onComplete: myFunction});