Animation

Button Hintergrund animieren – Webflow Hover-Effekt

Level:
Einfach 👌
Das Video kann nur angezeigt werden, wenn Cookies erlaubt sind.
Cookies akzeptieren und Medien laden

Ich starte eine Serie von Micro-Interactions, in denen ich dir zeige, wie du kleinere User Interface Elemente in deinem Layout durch einfache Animationen hochwertiger machen kannst.

In diesem Webflow Tutorial zeige ich dir, wie du den Hintergrund eines Buttons als Hover-Effekt einfach von links nach rechts animieren kannst.

Kapitel:

0:00 – Intro
0:40 – Basic-Button erstellen
3:30 – Hover-Element erstellen
4:35 – Interaction anlegen
6:05 – Hover-Effekt
8:00 – Ergebnis

Ergebnis anschauen
Icon für einen externen Link
Projekt im Webflow Designer öffnen
Icon für einen externen Link