Streaming live at 10am (PST)

Multi layered background/foreground depth animation

First time posting on this forum, and using this awesome website builder as well. My question is a little bit hard to describe but I will try my best.

I’m essentially trying to create a layering animation effect where both my site’s background image (forested area) and my foreground image (tree) move at different rates while the user scrolls down the page. This would create a sort of depth of field effect, where it simulates the two images being at different distances while the camera moves down the foreground image. If there’s already an answer to this type of thing please do link it.

Thank you in advance and I look forward to being a part of the community.

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

Here is my Site Link: LINK

The name for it is a parallax effect. Here’s a tutorial on exactly what you’re looking for.

1 Like