Animation

Lottie Animation in eine Navigation einbinden (Burger Icon)

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

Mit Lottie Animationen kannst du sehr einfach und schnell bestimmte Elemente auf deiner Website aufwerten. Ich zeige dir, wie du sie in Webflow einbinden und einstellen kannst.

Gerade bei dem Mobile Navigations-Modul ist das Burger Icon dadurch schnell animiert und die Interaktion funktioniert auch bei One Pagern oder Navigationen, die zu einer bestimmten Stelle auf deiner Seite scrollen soll.

Hier kannst du kostenlos Lottie Animationen herunterladen und einbinden:
https://www.lottieflow.com
https://lottiefiles.com/popular?sort=all-time

Kapitel:

00:00 - Intro zu Lottie Animationen
01:46 - Lottie Animation einbinden
02:31 - Lottie abspielen bei Navigation öffnen/schließen

Ergebnis anschauen
Icon für einen externen Link
Im Webflow Designer öffnen und klonen
Icon für einen externen Link
Im Webflow Designer öffnen und klonen
Affiliate Link
Icon für einen externen Link