Basic question gsap.to()

[Poseidon 0 Likes (Newbie)]

Hello everyone, reading other people code I noticed this effect, it animates and fades the boxes towards top. My question is what "-=0.4" value at the end of this line does?

 

gsap.to(".green", { duration: 0.6, ease: "power2.in", y: -100, opacity: 0, stagger: 0.05 }, "-=0.4");

 

[mvaneijgen 2,469 Likes (Superhero)]

That is the position parameter.

 

It will do nothing in this case, because there is not a previous tween.  `-=0.4` means it will start 0.4 seconds before the previous tween finishes, `+=0.4` would mean that it starts 0.4 seconds after the previous tween finishes. 

 

Take a look at the learning page for a more in depth explanation and a lot more features. 

[Poseidon 0 Likes (Newbie)]

Thank you!!!

 

31 minutes ago, mvaneijgen said:

That is the position parameter.

 

It will do nothing in this case, because there is not a previous tween.  `-=0.4` means it will start 0.4 seconds before the previous tween finishes, `+=0.4` would mean that it starts 0.4 seconds after the previous tween finishes. 

 

Take a look at the learning page for a more in depth explanation and a lot more features.