CSS-animation-fill-mode-Eigenschaft

Definition und Verwendung

animation-fill-mode Die Eigenschaft legt fest, ob die Animationseffekte vor oder nach der Wiedergabe sichtbar sind.

Anmerkung:Die Attributewerte sind durch Kommas getrennte eine oder mehrere Füllmuster-Terminologien.

Weitere Informationen siehe:

CSS3 Tutorial:CSS Animation

HTML DOM Referenzhandbuch:animationFillMode-Eigenschaft

Beispiel

Legt für das h1-Element das Füllmuster fest:

h1
  {
  animation-fill-mode: forwards;
  }

CSS-Syntax

animation-fill-mode : none | forwards | backwards | both;
Wert Beschreibung
none Ändert das Standardverhalten nicht.
forwards Nach Abschluss der Animation wird der letzte Attributwert beibehalten (in der letzten Keyframe definiert).
backwards In der während der von animation-delay angegebenen Zeit, bevor die Animation angezeigt wird, werden die Anfangswerte der Animation angewendet (in der ersten Keyframe definiert).
both Beide Vor- und Nachfüllmodi werden angewendet.

Technische Details

Standardwert: none
Vererbbarkeit: nein
Version: CSS3
JavaScript-Syntax: object.style.animationFillMode=none

Browser-Unterstützung

Die Zahlen in der Tabelle kennzeichnen die erste Browser-Version, die die Eigenschaft vollständig unterstützt.

Zahlen mit -webkit-, -moz- oder -o- als Präfix stellen die erste Version dar, die den Präfix verwendet.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
43.0
4.0 -webkit-		 10.0 16.0
5.0 -moz-		 9.0
4.0 -webkit-		 30.0
15.0 -webkit-
12.1
12.0 -o-