Fade static background in & out on CMS content triggers

Design help Animations & Interactions
1

Hi all,

My aim is to create a CMS list of my blog posts, each with a static background colour (linked to the CMS bg colour) that fades into the next blog post’s bg colour as the user scrolls past it (1 blog post fills each view height).

I can’t seem to get the interactions to work that each background div fades in and out with their respective CMS element?

See the preview link to what I am talking about below.

Many thanks,

Wullie

Here is my public share link: LINK
(how to access public share link)

2

it is sort of possible with interactions… here is a little example i made… let me know if that helps

3

Hi there, thanks for your reply and sharing an example. Unfortunately the preview displays white backgrounds and so not displaying the interaction.