Lottie Animation in eine Navigation einbinden (Burger Icon)
Level:
Einfach 👌
Ergebnis anschauen
Im Webflow Designer öffnen und klonen
https://preview.webflow.com/preview/website-mobile-navigation?utm_medium=preview_link&utm_source=showcase&utm_content=website-mobile-navigation&preview=f1d9be7e7df0e0c59a5183591e602860&pageId=5f2a835fed2004a32ff0844f
Im Webflow Designer öffnen und klonen
Affiliate Link
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