Animationen im Bricks Builder

Ab Version 1.6 finden sich die Animationen im Bereich „Interaktionen“.

Bis das Thema „Google Fonts werden mit YouTube geladen“ zufriedenstellend gelöst ist, binde ich keine Videos über YouTube direkt ein.
Link zum Beitrags-Video https://youtu.be/hRP4hk9TbBo

Interaktionen

Wir wählen unser gewünschtes Element aus, hier eine Überschrift und klicken auf „Interaktionen“ und „Hinzufügen“.

bereich interaktionen

Auslöser

Als erstes müssen wir einen Auslöser definieren. Hier können wir „Ansichtsfenster betreten“ wählen oder ein Stück weiter unten „Inhalt geladen“. „Ansichtsfenster betreten“ bedeutet, wenn wir auf den sichtbaren Teil der Seite kommen. „Inhalt geladen“ wäre, wenn die Seite geladen ist.

ausloeser animation

Aktion

Als nächstes brauchen wir ein „Aktion“, hier wählen wir „Animation starten“. 

aktion animation

Animation

Dadurch bekommen wir weitere Optionen. Unter „Animation“ suchen wir unsere gewünschte, z.B. „slideInLeft“. Hierbei gleitet die Überschrift von links ein. 

animation slidein

Weitere Optionen

Dann können wir noch die Dauer der Animation einstellen. Die Zeit wird in Sekunden eingetragen, für eine Sekunde schreiben wir 1s, für anderthalb Sekunden 1.5s. Dies mit Punkt und nicht mit einem Komma.

animation optionen

Der nächste Punkt ist die Animationsverzögerung, ab wann die Animation beginnt. 0 wäre sofort, 2s wäre zwei Sekunden nach Laden / Betreten der Seite. Auch hier schreiben wir bei Bedarf wieder mit „Punkt“. 

„Ziel“ können wir so belassen. „Selbst“ ist ja voreingestellt…

Die Animation wird nun jeweils nach Betreten, bzw. Neuladen abgespielt.

bricks builder animation2