Animating SVG with GSAP

GSAP is a set of powerful JavaScript tools for animation on the web. It works very well with SVG. 

GSAP is a powerful set of tools and exploring all it has to offer in depth would spread across multiple chapters. And that's just the free version. There's also a premium version which includes even more features and functionality. 

The good news is that, even though it's incredibly powerful, the GSAP API is straightforward, so once you find your desired feature and get a look at the strong documentation (https://greensock.com/docs), you're going to be able to do a lot very quickly.

Let's take a look at two separate examples to give you an intro to the sort of things that GSAP can do and how it does them. 

This first ...

Get Mastering SVG now with O’Reilly online learning.

O’Reilly members experience live online training, plus books, videos, and digital content from 200+ publishers.