Question about JumpStart

[pixeldroid 27 Likes (Newbie)]

Quick question about the TimelineMax Jump Start at:

See the Pen ryfJu by GreenSock (@GreenSock) on CodePen

What is the purpose of "textEffect" in

tl.staggerFrom(txt, 0.4, {alpha:0}, 0.06, "textEffect");

I don't understand the use of a string as the final param in this function call.

Thanks.

See the Pen ryfJu by GreenSock (@GreenSock) on CodePen

[Carl 9,066 Likes (Superhero)]

The final param is the position parameter which controls at which time the animation will be inserted.

 

What is happening there is that it is inserting that animation at a label of "textEffect" so that the next animation can be placed at the exact same time.

 

note both animations use "textEffect" as the position parameter. 

tl.staggerFrom(txt, 0.4, {alpha:0}, 0.06, "textEffect");
tl.staggerFrom(txt, 0.8, {rotationY:"-270deg", top:80, transformOrigin: "50% 50% -80", ease:Back.easeOut}, 0.06, "textEffect");

 

Definitely check out this comprehensive overview of the Position Parameter.

[pixeldroid 27 Likes (Newbie)]

Thanks Carl!

[pixeldroid 27 Likes (Newbie)]

To clarify, in the codePen example, you don't use "add" to insert the label.  This suggests that a label is declared upon first useage.  Is that correct?

Thanks.

[Carl 9,066 Likes (Superhero)]

yup, that's it.