CSS-animation-play-state-Eigenschaft

Definition und Verwendung

animation-play-state Das Attribut regelt, ob die Animation läuft oder pausiert.

Anmerkung:Sie können dieses Attribut in JavaScript verwenden, um die Animation während der Wiedergabe zu pausieren.

Weitere Informationen:

CSS3-Tutorial:CSS Animation

HTML DOM Referenzhandbuch:animationPlayState-Eigenschaft

Beispiel

Animation pausieren:

div
{
animation-play-state:paused;
}

Probieren Sie es selbst aus

CSS-Syntax

animation-play-state: paused|laufend;
Wert Beschreibung Test
paused Regelt, dass die Animation pausiert wird. Test
laufend Regelt, dass die Animation abgespielt wird. Test

Technische Details

Standardwert: laufend
Vererbbarkeit: nein
Version: CSS3
JavaScript-Syntax: object.style.animationPlayState="paused"

Browserunterstützung

Die Zahlen in der Tabelle geben die erste Browserversion an, die das Attribut vollständig unterstützt.

Zahlen, die mit -webkit-, -moz- oder -o- versehen sind, 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.0 -o-