Streaming live at 10am (PST)

Parallax Header Multiple Backgrounds

Hello all, first post here.

I am working on authoring a blog site, have used WebFlow’s paid plan prior but am not currently. I am reimagining my site before I go live again, so I cannot use custom code obviously. I am attempting to emulate the following header design:

https://templated.co/hielo

I do not have an issue getting the parallax effect to work with either Interactions or the transform feature, but once I get into having multiple images I can’t get it to work. I have tried:

*A relative section with an absolute slider, with slides w/ BG images and an interaction applied to the slider (and also tried the mask, too).

*A relative section with an absolute div with images nested inside it. The images will work individually, but I am struggling with trying to animate the images with interactions to emulate a slideshow.

There has to be a way to pull this off and I am sure I missing something silly. I would love to use a slider for this for simplicity’s sake, and the use of prebuilt functionality versus using animations. Any suggestions? I scoured the internet for a few weeks and could not find this particular issue. Any help is greatly appreciated.

-Brandon


Here is my public share link:

https://preview.webflow.com/preview/life-sic-b18f8c?utm_medium=preview_link&utm_source=dashboard&utm_content=life-sic-b18f8c&preview=e5c2eb3f1dd98205be3eefe9487d612b&mode=preview