Award-Winning Website Animations in Webflow
Rebuild the kind of animations you see on Awwwards-level sites — a CMS-driven image-stacking hover effect and a polished while-scrolling sequence, in Webflow.
2 lessons
You’ve seen these effects on the sites that win awards — an image that stacks and follows your cursor as you hover a list, a sequence that unfolds beautifully as you scroll — and wondered how much of it needs code. The answer is: less than you’d think. This course rebuilds those signature interactions in Webflow, the right way, from the layout up.
Both lessons are long, deliberate deep-dives, because the difference between “nice” and “award-winning” is in the details — the layout decisions, the CMS setup, and the approach that keeps the animation smooth and responsive. Each comes with a cloneable so you can study the finished build alongside the walkthrough.
In this course
- Dynamic Image-Stacking Hover Animation in Webflow Recreate an award-winning, CMS-driven hover animation in Webflow where preview images reveal, scale, and stack on top of each other with minimal custom code.
- Master While-Scrolling Animations in Webflow (No Code) Recreate an award-winning while-scrolling scaling gallery in Webflow using native interactions, absolute-positioned triggers, and a calc() trick — no code at all.