Streaming live at 10am (PST)

Need help with fade animation

#1

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
#2

Hey @Zkm4991

Can you share your read-only link?

Piter :webflow_heart:

#3

Hello @PiterDimitrov

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
#4

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:

#5

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

1 Like