Questions about a website layout

Hey guys,
I was wondering if this is possible to do on webflow. If so, what is this style called?

Website:

The scrolling effect where another section appears.

I’ve seen this effect referred to as parallax scrolling, although it’s just two sections with a fixed background image—something that can be easily recreated within Webflow.

In the example on the Far Cry 6 website, they’re using two images that have the same composition so that it appears to seamlessly wipe between the two, giving the user a cool “transition” effect.

Awesome!
I kinda had the idea but I didn’t know if there was a simple way.
So basically we would just create two sections, fixed background on both.

How would you create the effect of revealing the second section as wiping the first section? On the second page, create a scroll transition?

Hello Cesar,

You can do it by moving the images while the section is scrolling in view.

Live Website: https://mock12.webflow.io/
Read Only Link: https://preview.webflow.com/preview/mock12?utm_medium=preview_link&utm_source=designer&utm_content=mock12&preview=64b76ee479a3af22b71796b8c4e360cd&mode=preview

3 Likes

Yes! thank you so much

1 Like