Animate a Button Background – Webflow Hover Effect

I'm starting a series of micro-interactions, in which I'll show you how you can make smaller user interface elements in your layout more high-quality through simple animations.

In this Webflow tutorial, I'll show you how to easily animate the background of a button from left to right as a hover effect.

Chapter:

0:00 — Intro
0:40 — Create a basic button
3:30 — Create hover item
4:35 — Create interaction
6:05 — hover effect
8:00 — result

‍