Native way of doing Parallax scrolling animations

[seifbassem]

Hi all,

I’m looking to do a parallax scrolling animation, something similar like this. I saw a lot of tutorials on webflow on how to do it natively, do we have anything similar on WeWeb ?

If not, are there any tutorials or guides on how to achieve that ? I tried the “attachement:fixed“ but its very basic.

Thank you

[Agustin_Carozo]

Hey Seif

I imagine you already found this post here right? Where Serhii mentions the attachement fixed method:

Parallax effect ? anybody did it ? How can we do it with WeWeb?

Hi, I’m new here. thanks for your post! -Based on my experience, you can create a parallax effect in WeWeb in a few ways: -Custom CSS using background-attachment: fixed for a simple scroll effect. -Lottie animations if you want more control and smoother visuals. 0Custom Code block with a JS library like Rellax.js for multi-layer parallax. For a quick solution, the CSS method is usually the easiest I think. Best!

What do you mean with basic? Can you share a gif or video of your results with this method?

[seifbassem]

Thanks Agustin, I’m not a professional designer so what I was looking for was a tutorial on how to do more advanced parallax effect similar to this using the editor without doing much coding

[Agustin_Carozo]

Hi Seif,

I understand and I believe you will indeed need some coding to achieve that sort of effect inside WeWeb.

You could start with what @Serhii mentioned in his comment.

[seifbassem]

Thank you, makes sense