Streaming live at 10am (PST)

Very nice sliding interaction on Webflow Contact page


#1

Here : http://help.webflow.com/?utm_source=sidebar

The blocks appear with a shade of gray, before gently sliding up a taking colors. It's elegant. How do you do that? Webflow only?

Thank you.


#2

It's done with the new Interactions-feature.

Those blocks have 2 settings:
Initiatial state: move down 50px + 50% opacity (or something like this)
Scroll: move to origin + 100% opacity

Learn about this here: http://help.webflow.com/scroll-trigger


#3

Yeas I got all this, thank you for your answer ! I was under the impression that the blocks had an initial DESATURATED state, and I was wondering about that. Actually, it's just an opacity, and the blue text comes later.

Thanks for the detailed steps.


#4

#5