Tag Archives: webflow interactions

Horizontal Movement on Scroll – Webflow interactions and animations tutorial

Text. Mountain. Text. Da Vinci called these the three components of any great design. We’ll animate the text to move horizontally based on our scroll position. Now we covered this example earlier in the Interactions course when we covered triggers and animations. But we’ll build this interaction from scratch. Our goal (as we scroll) is… Read More »

Show & Hide Navbar on Scroll – Webflow interactions and animations tutorial

Here is a persistent navbar. Fixed position. But when you scroll down the page, the navbar gets out of your way. And when you scroll up? It presents itself smoothly, so you can interact with it again. And when you scroll down again? It goes away. We’ll cover setting up an interaction with this navbar… Read More »