Jump to content
Search Community

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

Jagdeesh Kumar

Recommended Posts

Jagdeesh Kumar
Posted

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

Posted

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
Jagdeesh Kumar
Posted

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 

Posted

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

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.
×
×
  • Create New...