Mit Lottie-Animationen können Sie Ihre Designs sehr effektiv etwas aufpeppen. Sie finden eine sehr lebendige Community unterlottiefiles.com, und das Lottie-Dateiformat wird von Animationstools im Allgemeinen unterstützt, so dass Sie Animationen aus fast allen Quellen ganz einfach in etwas umwandeln können, das mit Sparkle auf Ihrer Website funktioniert.

Die Animationsdateien haben eine „.json“-Erweiterung – darauf sollten Sie beim Herunterladen von Animationen achten. Sie können die entsprechende Datei einfach auf die Sparkle-Leinwand ziehen. Sie können auch zunächst ein Animationselement hinzufügen, und die Datei dann in der rechten Seitenleiste hinzufügen.

Eine ständig hüpfende Animation kann ein bisschen viel sein, auf bestimmten Seiten aber gut funktionieren. Eine geschmackvolle Animation macht zum Beispiel Sinn in einem Kontaktformular, auf der Dankeschön-Seite oder in einem sich kurz öffnenden Pop-up.

Sie können eine Animation nur einmal oder in einer Schleife laufen lassen und die Schleife so konfigurieren, dass sie nur in Vorwärtsrichtung oder hin und zurück läuft. Sie können auch die Wiederholgeschwindigkeit der Animation einstellen.

Sie können Lottie-Animationen auch so konfigurieren, dass sie beim Scrollen abgespielt werden. In diesem Fall wird der Animationsgeschwindigkeitsregler zu einem Geschwindigkeitsmultiplikator, mit dem Sie festlegen können, wie sich das Scrollen auf den Ablauf der Animation auswirken soll.

Lottie-Animationen starten automatisch, sobald sie sichtbar sind, und stoppen, wenn sie weggescrollt werden. Dies funktioniert auch mit Pop-ups.

Hier ein Beispiel einer Lottie-Animation: