Scale Image on scroll

[Femil32]

CodePen


https://shorturl.at/mrwsH

Reference
https://www.wallofportfolios.in/portfolios/muhammed-suhail/

I want to achieve the same animation which mention in reference link (click on Rangoli Prohect) i'm not sure how image is pining as well as scroll also working.

See the Pen 019d8f89-d2b8-7b91-9cf8-121beb5214f7 by editor (@editor) on CodePen.

[Cassie]

Are you just looking for pinning? https://gsap.com/docs/v3/Plugins/ScrollTrigger/#pin

See the Pen KKpLdWW by GreenSock (@GreenSock) on CodePen.

 

[Femil32]

@Cassie Thanks for response.
Pining is part of this animation, what i wanted to achieve is scaling image on scroll with text a side.

[Cassie]

Oh I see your codepen now. What's not working there?  Can you explain a bit more clearly what you're after?

In your codepen it looks like the section pins, the image scales and there's text beside it, so I'm not certain exactly what you're after that you haven't currently acheived.

[Cassie]

Ah I see the section in the site you're talking about.

Like this? 

See the Pen wBzROVR?editors=0010 by GreenSock (@GreenSock) on CodePen.

[Femil32]

Thanks @Cassie, Almost there only thing is text and image should not be pinned, that's what i'm not able to solve, both scroll but image scale. Thanks again!

[Cassie]

Same technique, just without the pinning and by popping it in a container following the text!

Technique here - https://demos.gsap.com/demo/scroll-waypoints/

[Femil32]

Thank you so much @Cassie