Lottie Animation
Lottie-Animation aus einer JSON-Datei, die von selbst startet, wenn sie in den Blick kommt, beim Hover oder per Klick
Die Beispiele sind nur ein Teil. Jede Tile hat außerdem die erweiterten Optionen: Animationen, Mauseffekte, Sichtbarkeit nach Gerät oder Datum, Position und vieles mehr.
01
Der Willkommensgruß eines Pilates-Studios
Eine große, langsame Animation (Geschwindigkeit 0,7) in der Mitte einer hellen Card mit großem Radius und warmem Schatten; beim Hover mit der Maus pausiert sie.
02
Drei Leistungen einer Bäckerei, animiert
Drei kleine Animationen nebeneinander in cremefarbenen Kästen: Das Croissant startet von selbst, der Laden, sobald er ins Blickfeld kommt, der Roller nur beim Hover mit der Maus.
03
Ein Weinglas für eine Weinhandlung, links
Linksbündig und etwas schneller (1,4), mit „Richtung umkehren“ beim Hover: Der Wein fließt zurück in die Flasche; in einem dunklen Panel auf Nachthintergrund.
04
Die Bestätigung einer Anmeldung
Klein und ohne Wiederholung: Sie startet, sobald sie ins Blickfeld kommt, und bleibt auf dem letzten Frame stehen, dem Häkchen; in einem blau gestrichelten Kasten.
05
Die Frühstückstasse eines Cafés, per Klick
Auslöser „Beim Klick“: Sie bleibt auf dem ersten Frame stehen, bis man sie berührt (auch mit der Eingabetaste), dann startet sie und stoppt beim zweiten Klick; in einem Glaspanel über einer Aurora.
06
Der Launch eines Startups
Schmal, in einem hellen Bullauge auf Nachthintergrund: Die Rakete hebt in Endlosschleife ab und fliegt beim Hover mit der Maus mit doppelter Geschwindigkeit („Beschleunigen“).
