[Pin container and animate content]

Ah thank you so much @Rodrigo

👏

[Pin container and animate content]

Hi!.

 

On my demo the animations for .block_2 and .block_3 start when the respective containers (.card_2 and .card_3) hit the top.

I understand that happens because the lines:

 

trigger: ".card_2",
start: "top top",

However, I would like the animations for .block_2 and .block_3 start say 200px earlier.

In other words, how can I set 2 scrollTriggers, one to pin the containers cards. And another scrollTrigger to start the animation for the blocks earlier?

Thanks in advance.

 

 

 

See the Pen NWOMbWz by Liz-Franco-the-typescripter (@Liz-Franco-the-typescripter) on CodePen