Parallax Effect (Mobirise)

[andreswaby]

I made this DRAFT using a bootstrap-based desktop app known as Mobirise. Client loved and approved it.

We are now ready to go live but there is a parallax effect that was done in the presentation that I would like to recreate in my Webflow redesign.

What Effect?
When you scroll up/down the BG image moves up/down along with the scroll.

I’ve tried using the transform offset but that only limits the scroll to one direction.

I would love to hear from you guys if there is a way to achieve this within webflow?

Thanks!

[vincent (Vincent Bidaux)]

It’s possible, using parallax with IX2

Parallax Movement on Scroll - Webflow interactions and animations tutorial

[andreswaby]

Thanks Vincent,
I’ll definitely give this a shot.

[andreswaby]

Hey Vincent, @samliew,
Gave Parallax a shot…
Project Link

Seems to be working well (for a minute). However, when I scroll past 100% the image snaps back to the 0% position, and i’m still messing around but maybe you (guys) can spot what I’m not seeing.

P.S overall, its not smooth

[vincent (Vincent Bidaux)]

I see parallax only on the hero section but I don"t see interaction on it…

[andreswaby]

The best solution for BG images is applying the LEGACY PARALLAX effect.

Different Parallax effects possible with Webflow (no custom code required)

Hello, dear Webflowers! I know that I am not the first user who tried to create and use different types of “Parallax” effect in Webflow without custom code. After we got 3D transforms feature I found out the trick how to create such effects in easier way. 1) “Simple parallax”. (I think almost everybody knows, but will repeat) Create section (or div), set background image and make background settings: fixed [image] 2) ** Parallax with background moving up on scroll"** a) Create sec…