Lottie Animationen komprimieren und in Webflow animieren

Level:
Einfach 👌
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
Icon für einen externen Link

In diesem Webflow Tutorial zeigt Jonas Arleth, wie man eine Lottie Animation in eine Website integriert. Er erklärt, wie man Lottie-Dateien komprimiert und flexibel einsetzt. Zudem stellt er sein neues Support-Paket vor. Er demonstriert die Integration der Animation in die Navigation und zeigt, wie man die Animation auf bestimmten Seiten deaktivieren kann.

Timestamps

00:00 – Vorschau
01:01 – Webflow Support Paket
01:41 – Lottie Logo Animation Vorschau
03:16 – Lottie Files in Webflow umfärben
06:02 – Lottie Trigger und Animation bauen
12:09 – Lottie Animation in Navigation auf bestimmten Seiten deaktivieren
13:53 – Ergebnis