Very nice sliding interaction on Webflow Contact page

Publishing help General
1

Here : Learn web design with free video courses and tutorials | Webflow University

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.

869×460 812 KB

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.