Web - GreenSock (GSAP) Animation Platform

Words
152
Reading
1 min
9y
Listen to this post
~1 min


GSAP is an animation library for HTML5 and Flash.


This framework facilitates the animation of HTML elements (SVG, CSS properties, library objects canvas, generic objects ...)
GSAP consists of several tools:

TweenLite

This tool serves as the basis for the animation platform it is fast and light it allows to manage the interpolation of an object specifying its starting point and its end point.

TweenMax

TweenMax is a complementary module that extends the functionality of tweenlite. it allows, for example, to move objects into animations.
Apply functions with a delay.
Change the color of an object in a fluid way
Use specific animations (Rebound, elastic, slowdown, ...)

TimelineLite


TimelineLite is a piece of the Greensock TweenMax library that provides the ability to create sequenced animation.

TimelineMax

TimelineMax Extends TimelineLite Features

Links

Official site : https://greensock.com/
Demo of the framework : https://ihatetomatoes.net/
https://ihatetomatoes.net/happy-new-year/
My first test with the library Greensock Draw simple svg Heart whith greensock : https://codepen.io/R_o_X/pen/NGObNz

Enjoy everybody !

Web - GreenSock (GSAP) Animation Platform | Ecency