What are some examples of GSAP animations?

What are some examples of GSAP animations?

GSAP (GreenSock Animation Platform) offers a variety of animation examples. For instance, you can create smooth transitions, animate SVGs, or even build complex timelines. Would you like to see a specific example?

Yes, can you show me an example of animating an SVG?

Sure! You can animate an SVG by targeting its properties. For example, you can use gsap.to() to change the x and y attributes of an SVG element. Here's a simple code snippet:

gsap.to('#mySVG', { duration: 2, x: 100, y: 100 });

This will move the SVG to the right and down over 2 seconds.

That sounds great! What about animating text?

Animating text is also easy with GSAP. You can fade in text, change its color, or even create a typing effect. For example:

gsap.from('#myText', { duration: 1, opacity: 0, y: -50 });

This will make the text fade in from above.

Can you give me a link to more examples?

Absolutely! You can check out the GSAP official website for a variety of examples and demos: GSAP Examples.