What are some examples of using GSAP ScrollTrigger?

Can you show me some examples of using GSAP ScrollTrigger?

Sure! GSAP ScrollTrigger allows you to create animations that trigger based on the scroll position. For example, you can animate elements as they enter the viewport.

What kind of animations can I create with it?

You can create various animations like fading in elements, sliding them in from the sides, or even changing their scale as you scroll.

Can you give me a code snippet for a simple fade-in effect?

Absolutely! Here's a simple example:

gsap.registerPlugin(ScrollTrigger);

gsap.from('.fade-in', { 
  opacity: 0, 
  scrollTrigger: { 
    trigger: '.fade-in', 
    start: 'top 80%', 
    toggleActions: 'play none none reverse' 
  }
});

How do I customize the scroll trigger settings?

You can customize settings like start, end, and toggleActions to control when the animation starts and how it behaves during scrolling.