Streaming live at 10am (PST)

Need help with fade animation

Please, can someone help us get an animation on our website? We would like it if the image faded in and out with scrolling. So when you first land on the website, the images are faded but when you scroll down the images become brighter (their natural colour). The animation is activated by the scrolling. How do you do this on webflow?

Many thanks in advance :slight_smile:

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

1 Like

Hey @Zkm4991

Can you share your read-only link?

Piter :webflow_heart:

Hello @PiterDimitrov

Thanks for the reply. Here is our webflow page:

We want the first three images to act like this

Thank you for having a look :slight_smile:

1 Like

Okey, the first thing is adding some overlays. See here >

The next thing will be adding the scroll interaction. See here >

Piter :webflow_heart:

Hello @PiterDimitrov thank you so much for making the videos showing us how to do this! Very much appreciated :slight_smile:

1 Like