Animationen

Blöcke animieren, um die Nutzererfahrung zu verbessern.

Animationen sind eine effektive Möglichkeit, um das Engagement der Nutzer zu erhöhen und die visuelle Attraktivität deiner Webseite zu steigern. Durch animierte Blöcke kannst du Inhalte hervorheben, den Lesefluss fördern und eine dynamische Benutzererfahrung schaffen. Hier erfährst du, wie du Blöcke der Erlebniswelten mit Hilfe des CMS Bundles animieren kannst.

Was sind animierte Blöcke überhaupt?

Animierte Blöcke sind Inhalte, die durch verschiedene Bewegungseffekte beim Laden der Seite oder beim Scrollen aktiviert werden. Sie verleihen der Webseite nicht nur eine moderne Ästhetik, sondern helfen auch, wichtige Informationen und Aktionen hervorzuheben.

So setzt du die Animationseinstellungen

1. Block auswählen: Wähle den Block aus, den du animieren möchtest, und öffne die erweiterten Block-Einstellungen des CMS Bundles.

2. Animationen einstellen: Unter Animationen findest du die Einstellungen, die du für den Block setzen kannst.

Grundlegende Einstellungen

Einstellung	Beschreibung
Animationstyp	Die verschiedenen Typen der Animation (zoom, flip, fade, ...)
Verhalten	Das Verhalten bestimmt die dynamik der Animation. Bspw. kannst du einen schnellen Anfang, aber ein langsameres Ende der Animation wählen.

Erweiterte Animationseinstellungen

Bei Klick auf den Button Erweiterte Animationseinstellungen erscheint ein Pupup mit weiteren Einstellungsmöglichkeiten.

Einstellung	Beschreibung
Darstellung der Animation	Das generelle Verhalten der Animation
Dauer der Animation	So lange dauert es, bis die Animation vollständig durchlaufen ist (in Millisekunden).
Verzögerung bis zur Animation	Hier stellst du die Verzögerung des Starts der Animation in Millisekunden ein.
Ankerpunkt (Erweitert)	Wenn der eingetragene Selektor sichtbar ist, wird die Animation des Blocks ausgeführt. So kannst du Ihnalte voneinander abhängig machen.