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 @PeterDimitrov

Thanks for the reply. Here is our webflow page: https://preview.webflow.com/preview/musifest?utm_source=musifest&preview=0dfbf51b56d112e2e2bee788ff009d9e

We want the first three images to act like this https://mariazalewska3.wixsite.com/mysite

Thank you for having a look :slight_smile:

1 Like

Okey, the first thing is adding some overlays. See here > https://www.useloom.com/share/2ed9d5749fd8493381ccebb19d32a84e

The next thing will be adding the scroll interaction. See here > https://www.useloom.com/share/8c77306366b54c46a352dbf5daa78701

Piter :webflow_heart:

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

1 Like