Streaming live at 10am (PST)

Can't Recreate This Websites Effects ☹


#1

Hello Webflow brethren,

Was hoping one of u geniuses might be able to help me with something…

This is website A --> http://favorite-albums-2016.webflow.io

It has a few different effects/interactions going on, but the one in particular that I’m stumped with is the changing background colour upon new images scrolling into view (it also works in reverse as you scroll back up). I’ve tried multiple different combinations and potential interaction settings but nothing seems to work :pensive: (I’m still very much a newbie so it could very well be my lack of skill :man_facepalming:)

I’ve put my shareable link below and the specific page I’m trying to get this effect to happen on is the “Heritage” page (it’s the unfinished and crappy looking page lol).
Any help would really be appreciated :bowing_man:

Thanks Webflow Wizards! :mage:

Sincerely,
Sina Rad


Here is my public share link: https://preview.webflow.com/preview/sinas-dandy-project-26f64e1d5735f1d0b93?utm_source=sinas-dandy-project-26f64e1d5735f1d0b93&preview=363417f605a0d4390e01ec636411cc67
(how to access public share link)


#2

Hi Sizart, you can clone the example: https://webflow.com/website/Favorite-Albums-2016
The underlying interactions are not complicated. It is done with legacy interactions (before IX2). When the album art is moving in the viewport/out of the viewport, the background color changes.


#3

Dude… ur an angel :pray::pray::pray:

Totally didn’t realize this project was cloneable (and I also didn’t even know about Legacy Interactions lol :man_facepalming::sweat:)

Appreciate it man!!!
Totally solved my problem.

Sincerely,
Sina Rad


#4

Hello,

Here is a more simple example of this trick…

https://preview.webflow.com/preview/bg-color-change-f4e622?utm_source=bg-color-change-f4e622&preview=257e30c404eeac5012c52ae029649539