Exemplu
Oprindu-o animație:
// Code for Chrome, Safari, and Opera
document.getElementById("myDIV").style.WebkitAnimationPlayState = "paused";
// Standard syntax
document.getElementById("myDIV").style.animationPlayState = "paused"; Încearcă - l singur » Definiție și utilizare
Proprietatea animationPlayState specifică dacă animația se execută sau întrerupte.
Note: Utilizați această proprietate pentru a întrerupe o animație în mijlocul unui ciclu.
Suport pentru browser-
Numerele din tabel specifica prima versiune de browser care acceptă pe deplin proprietatea.
Numerele urmat de Webkit, Moz, sau O specificați prima versiune care a lucrat cu un prefix.
| Proprietate | |||||
|---|---|---|---|---|---|
| animationPlayState | 43.0 4.0 Webkit | 10.0 | 16.0 5.0 Moz | 4.0 Webkit | 30.0 15,0 Webkit 12.1 12,0 O |
Notă: Chrome, Safari și Opera susține o alternativă, proprietatea WebkitAnimation.
Sintaxă
Întoarcere proprietatea animationPlayState:
object .style.animationPlayState Setați proprietatea animationPlayState:
object .style.animationPlayState="running|paused|initial|inherit"
Valori de proprietate
| Valoare | Descriere |
|---|---|
| running | Valoare implicită. Specifică faptul că animația se execută |
| paused | Specifică faptul că animația este întreruptă |
| initial | Setează această proprietate la valoarea implicită. Citiți despre inițială |
| inherit | Mosteneste această proprietate de la elementul părinte. Citiți despre moștenesc |
Detalii tehnice
| Valoare implicită: | alergare |
|---|---|
| Întoarcere Valoare: | Un șir, reprezentând proprietatea de animație-play-stat a unui element |
| CSS Versiune | CSS3 |
Pagini similare
Referință CSS: animation-play-state property de animation-play-state property
<Style Object