January 2021

Lottie Animation in Navigation einbinden (Burger Icon)

Level:

Einfach đź‘Ś

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

Projekt klonen:

Direkt in Webflow öffnen

Kapitel:

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

‍