Parallax Background Help

Design help Animations & Interactions
1

Hi guys,

Could someone give me some direction on how to create this parallax effect where the background image moves at a different speed than the foreground content while scrolling. Parallax - Materialize

I’ve watch the following video demo already but it’s not exactly what I’m after.
https://university.webflow.com/lesson/parallax-movement-on-scroll-interactions

Thanks :slight_smile:

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

2

For thebackground you should select the section and insert a “background image” and set the position to “fixed”.

If you want to get really fancy you can then add a interaction to the background section that is fixed and set the animation to “move through viewport.”

1 Like
3

Anybody? I really would like to know this as well.