Section scrolling interaction

[inmuka2001]

I would like to do section scrolling interaction same like the following link.
http://www.wix.com/website-template/view/html/1702?utm_campaign=ct_general&experiment_id=blog

In order takeout section background expand or shrink and the headings also moving upwards while scrolling.

How can we design like that?

Here is my public share link: http://www.wix.com/website-template/view/html/1702?utm_campaign=ct_general&experiment_id=blog
(how to access public share link)

[sabanna]

Hello, @inmuka2001

Effect on the example site that you are showing calls Parallax. Here is a link to tips about creating such effect in Webflow:

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

Hello, dear Webflowers! :blush: 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)…

Cheers,
Anna

[inmuka2001]

Thank you Anna.

Thanks and Best regards,

Kasilingam RP

P Please consider the environment before printing this email.

[inmuka2001]

Dear Anna,

In your sample parallax sample page you fixed height as 80VH but in my webflow I could not find VH and PX, % and Auto only available.

Can you please post new video with current webflow functions?.

Thanks and Best regards,

Kasilingam RP

P Please consider the environment before printing this email.

[AntonioBalderas]

Just type 80vh and hit enter!

[inmuka2001]

Thank you so much.

Thanks and Best regards,

Kasilingam RP

P Please consider the environment before printing this email.

[system]

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.