Navigation

Eigene Dropdown Navigations-Animation in Webflow erstellen - Mega Menü

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

In diesem Webflow Tutorial zeige ich dir, wie du einfach und schnell eine individuelle Animation für deine Website Navigation bauen kannst.

„Webflow Interaction” ermöglicht dir als Webdesigner in allen Bereichen deines Layouts zusätzlich individuelle Animationen und Interaktionen hinzuzufügen. So wie in meinem Beispiel hier die Dropdown Navigation.  Und da Webflow ein visueller Editor ist, siehst du deine Einstellungen und Animationen auch sofort. Auch super als Prototyping Tool geeignet!

Kapitel:

0:00 – Intro
0:29 – IST-Zustand und Inspirationen
1:36 – feste Höhe einstellen
2:52 – On Hover Interaktion erstellen
4:30 – Fade-In für Elemente erstellen
5:20 – Fade-In Delay einstellen
7:56 – Hover Out erstellen
10:42 – Endergebnis

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