1. ANIMATE CSS PROPERTIES
GSAP allows you to quickly animate CSS properties, with its normalised behaviours. It can handle colour tweens, SVG animations and optimised performance with caching and other internal tricks. Instead of JavaScript alone, it is often much more efficient to translate positions via CSS.
2. EASY EASING
GSAP includes a variety of easing functions such as back, bounce, elastic, sin, circ and expo. These enable smooth acceleration and deceleration for your tweens. You can ‘easeIn’, ‘easeOut’ and ‘easeInOut’. You can even create your own custom easing functions as you need to!
3. ANIMATE SVG
GSAP allows you to animate viewBox, width, height, fill, stroke, cx, r, opacity etc, all by default. Easy to use plugins like MorphSVG and DrawSVG can be used for advanced effects, like drawing…