Exemplu
Pauză o animație:
div
{
-webkit-animation-play-state: paused; /* Chrome, Safari, Opera */
animation-play-state: paused;
} Încearcă - l singur » Mai multe "Try it Yourself" - "Try it Yourself" exemplele de mai jos.
Definiție și utilizare
Proprietatea de animație-play-stat specifică dacă animația se execută sau întrerupte.
Note: Utilizați această proprietate într - un JavaScript pentru a întrerupe o animație în mijlocul unui ciclu.
| Valoare implicită: | running |
|---|---|
| Mostenit: | no |
| Animatable: | no. Read about animatable |
| Versiune: | CSS3 |
| sintaxa JavaScript: | object .style.animationPlayState="paused" Try it |
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 | |||||
|---|---|---|---|---|---|
| animation-play-state | 43.0 4.0 -webkit- | 10.0 | 16.0 5.0 -moz- | 9 4.0 -webkit- | 30.0 15,0 -webkit- 12,0 -o- |
CSS Sintaxa
animation-play-state: paused|running|initial|inherit;Valori de proprietate
| Valoare | Descriere | Joaca-l |
|---|---|---|
| paused | Specifică faptul că animația este întreruptă | Joaca - l » |
| running | Valoare implicită. Specifică faptul că animația se execută | Joaca - l » |
| 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 |
Pagini similare
Tutorial CSS3: CSS3 Animații
HTML DOM referință: animationPlayState property
Mai multe exemple
Exemplu
Întrerupeți o animație pe Hover:
div:hover {
-webkit-animation-play-state: paused; /*
Chrome, Safari, Opera */
animation-play-state: paused;
}
Încearcă - l singur »