Animate - change backgrounds

[Jason_Weitz]

I would like to have my background image on one section change from one image to another as it scrolls down (and change back as it scrolls up). I cannot find a way to do this. Can anyone help?

[ChrisDrit]

Hi there…

I helped someone with a mouse hover showing an example of changing background colors. Maybe this will help you?

On hover how do i effect other elements?

Hi @ManBadger, That’s easy enough. You set a hover interaction on a button, and it triggers another class to change that other elements background. Here’s how I solved it: Live site example. Share link. [Screen Shot 2023-02-23 at 11.06.58 PM] Hope that helps!

And this is on Hover Out:

On hover how do i effect other elements?

Yea that’s no problem. I updated my two links above to work like that, too Live site, updated. Project share link. What I did was just select “duplicate” for the “on hover” and change the color order. [Screen Shot 2023-02-24 at 7.55.50 AM] [Screen Shot 2023-02-24 at 8.17.32 AM] [Screen Shot 2023-02-24 at 8.17.47 AM] The thing I see trip most people up, and maybe this happened to you, is that to get it working you have to select which action on what state you want it to work for: …

I’d swap that out for the scroll in and scroll out triggers, instead.

Hope that helps!