Pinned overlayed animations on scroll

[scavaliere 7 Likes (Newbie)]

Hello everyone!
I am trying to make a sequential animation inside a pinned section where the plus icon finish to rotate from left to right and - when the animation is finished - the text block starts to appear till the end of animation. Now the animations seem to be synched.
I am using ScrollTrigger. 

Anyone can help? 

Thank you in advance!

See the Pen jOyXaam by scavaliere (@scavaliere) on CodePen

[Shaun Gorneau 2,019 Likes (Superhero)]

Hi @scavaliere,

 

A few quick things I notice (in general) that you'll want to fix up ... 

• autoAlpha (as all properties are) is case sensitive. I notice your were typing `autoalpha`
• opacity is affected by autoAlpha, so you should not define values for both properties
• you mixed gsap and TweenMax. TweenMax is old syntax, you should only use gsap.method()

Now, for your specific issue, because you're wanting to establish some sequencing, you should use a timeline rather than a simple tween. Have a look here,

 

See the Pen XWpoqwJ?editors=1010 by sgorneau (@sgorneau) on CodePen

 

Hope this helps!

 

Shaun

[scavaliere 7 Likes (Newbie)]

Thank you @Shaun Gorneau ! 
Sorry but I'm a newbie  Thanks for the corrections. 
I'll take a look to the pen.