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
Projekt im Webflow Designer öffnen
Icon fĂĽr einen externen Link