How can I create animations on scroll, which will change text and background image

[Jagdeesh Kumar]

Hi, I am new in GSAP, I want to create a section where text will change by animate along with background image.
Please check link below and go to section which is in screenshot. You can check this section after visit on link below. 
Thanks in Advance!
https://www.nicolenero.com/

[mvaneijgen]

Seems like scrollTrigger is the tool you are looking for. 

 

I've looked at the demo page https://greensock.com/st-demos/?d=19 and found two demo's that look like your example, with some tweaks to the animations you'll probably get very close to that effect.

 

What have you already tried? I would love to see a demo, so that we can better help you and nudge you in the right direction!

 

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

 

See the Pen LYpaPQp by hexagoncircle (@hexagoncircle) on CodePen

 

[Jagdeesh Kumar]

Hi @mvaneijgen, thank you for helping me, you can help me to add fade effect while switching images on scroll that would be really great 

[mvaneijgen]

I can point you in the right direction, but I encourage you to fork one of the demos above and try your luck. Then when you are stuck, post your demo here and somebody will surely help you!