In this lesson, we make our site more dynamic and engaging with interactions. With Webflow, you can create awesome interactions — here we’ll show you how to create a button hover interaction using states, and a page load interaction using the Webflow Interactions panel.
Share your progress #Webflow101 on Twitter
00:00 — Introduction 00:23 — Button hover 05:16 — Page load interaction 13:17 — Recap 13:43 — CTA: Thank you
This is part of the Freelancer's Journey site build series. It covers building interactions for the Freelancer course site — adding motion and animation to the project site to make it feel more dynamic and polished.
The interactions covered in this section are tied to specific elements in the Freelancer site project — things like hover effects on cards, entrance animations for sections as they scroll into view, and click-triggered animations for interactive elements. The video walks through how these are built using Webflow's Interactions panel as part of the full site build project.