Multiple nested animations in each section

[Moxart]

I'm trying to create pinned sections exactly similar to this website https://ever.ru/en/ (I want each section to have own pinned animations)

I read this  but i can't find any solution.

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

[mvaneijgen]

Hi @Moxart welcome to the forum!

 

These seem like similar animation, bot the GSAP Observer plugin (https://gsap.com/docs/v3/Plugins/Observer/) seems like a good place to start!  What have you tried already? We love to see minimal demo's, that way we can see your thought process and thus better help you understand the tools!

 

https://greensock.com/get-started/

https://greensock.com/get-started-2

 

Sadly we can't help with "how do I recreate this cool effect I saw on this website" tutorials, that is not something we can provide on these free forums.

 

Personally I use codepen to try out new ideas, I usually then just keep forking my pen to try out different ideas, either because I think it could be better or my original idea was not working. Usually at version 10 I got something I'm happy with. Creating forks of your pen will allow you to fall back at earlier ideas if something new is not working.

 

Just post back here if you run in to an issue and post your minimal demo and someone will b sure to help you out! Hope it helps and happy tweening! 

[Moxart]

Thanks for taking your time. I am curious to know how can I have a pinned child in each parent sections. I know this part will have some complicated logic, but maybe someone can help me.

 

See the Pen WNPrmva by moxart (@moxart) on CodePen

[Rodrigo]

Hi,

 

Maybe this example can serve as a good starting point:

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

 

Hopefully this helps.

Happy Tweening!