Creating parallax effect

Design help Animations & Interactions
1

I saw this parallax effect for fullscreen images on this site and want to try recreating it. It looks like

I tried creating a parent div, setting overflow to hidden, and creating a child div with a background image. For interactions, I’ve set while scrolling in view that moves the child div on the Y-axis. However that doesn’t seem to work. Any ideas of how I can create that parallax effect?

Thanks!

2

Parallax is the best thing.

3

Hi @kjzhao

The white cover/white section is just moving up faster than the image or inner content. But each time they both are moving at the same time. Just make the cover to any box move faster.