Animation: Greensock / GSAP – Basics

gravatar
By Marcin
 · 
October 12, 2020
 · 
1 min read

The original course was released January 14, 2019. GSAP was in version 2 then.

See the Pen Ghost by Marcin (@uxoxox) on CodePen.

Basic Stagger

Codepen: https://codepen.io/uxoxox/pen/abZzjGm

Basic Timeline

codepen: https://codepen.io/sdras/full/Wramvo

  1. assign a new timeline to a variable (eg: tl), and swap any calls through TweenMax for tl.
  2. remove the stagger time code

3. now, wrap the whole thing in a function so that you can trigger it

4.finally, call it in this manner. this is part of the GSAP timeline magic

Comments

No Comments.