Simple GSAP (GreenSock) Letter Animation

By Raddy in CSS GSAP ·

In this tutorial, I am demonstrating how to create a super simple animation using the GreenSock tools. The same tools can be used on SVG’s to create beautiful animations, in fact you can do a lot more with SVG’s so I am going to try and cover that in another tutorial.

I forgot to mention that you can simplify the code on the video by using the following line:

TweenMax.staggerTo([letterG, letterS, letterA, letterP], 2.5, {ease: Elastic.easeOut.config(1, 0.3), y: -100}, 0.1);

GreenSock Library: www.greensock.com

Pen: www.codepen.io/Raddy/pen/BMVVEr