In einer Visualisierung***b-0 können Visuelemente***1002 mit Hilfe von Animationen animiert werden.
Hinweis:
Hier werden nur die Keyframes einer Animation definiert. Weitere Eigenschaften (Dauer einer Animation, etc.) werden in den Design-Eigenschaften***1003 des entsprechenden Visuelements***1002 definiert.
Eigenschaften
Name: frei wählbarer Name der Animation
Keyframes: CSS-Keyframes zur Definition der Animation
jeder Keyframe definiert CSS-Eigenschaften des Visuelements zu einem Zeitpunkt der Animation (s.u.)
zwischen den einzelnen Keyframes erfolgt ein animierter Übergang, z.B. wird "weich" von einer Farbe zur nächsten übergeblendet
Wichtig: Variablen, Funktionen und Formeln***r-3 stehen für Animationen nicht(!) zu Verfügung.
Hinweis: Die maximale Gesamtlänge beträgt 10.000 Zeichen.
Vorschau
Mit den Schaltflächen "Einmalig (1s)" etc. wird eine Vorschau der angegebenen Keyframes angezeigt, mit der Schaltfläche "Stop" wird die Vorschauanimation ggf. vorzeitig beendet.
Informationen zu Keyframes
Keyframes definieren grundsätzlich einen relativen Zeitpunkt (in Prozent der Gesamtdauer der Animation), sowie CSS-Eigenschaften, die zum definierten Zeitpunkt auf das Visuelement angewendet werden.
Prinzipiell ist ein Keyframe wie folgt aufgebaut (weiterführende Hinweise sind entsprechender Literatur zu entnehmen):
<Zeitpunkt> {<CSS-Eigenschaften>}
<Zeitpunkt>: relative Zeitangabe in Prozent, bezogen auf die Gesamtdauer der Animation (z.B. "50%")
<CSS-Eigenschaften>: CSS-Eigenschaften, getrennt durch ein Semikolon (z.B. "color:red; opacity:50%;")
In einer Visualisierung***b-0 können Visuelemente***1002 mit Hilfe von Animationen animiert werden. Die Zuweisung einer Animation zu einem Visuelement erfolgt mit Hilfe eines Designs***1003.