Jump to content
GreenSock

Search In
  • More options...
Find results that contain...
Find results in...
Jagdeesh Kumar

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

Recommended Posts

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/

reference.thumb.png.94cb8bd40e3a4d14eedc5f05d347a98d.png

Link to comment
Share on other sites

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

 

  • Like 4
Link to comment
Share on other sites

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 

Link to comment
Share on other sites

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!

  • Like 2
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.
×