Exemplu
Joaca animația de trei ori:
div {
-webkit-animation-iteration-count: 3; /* Chrome, Safari, Opera */
animation-iteration-count: 3;
}
Încearcă - l singur » Definiție și utilizare
Proprietatea de animație-iterație-count specifică numărul de ori o animație ar trebui să fie jucate.
Valoare implicită: | 1 |
---|---|
Mostenit: | no |
Animatable: | no. Read about animatable |
Versiune: | CSS3 |
sintaxa JavaScript: | object .style.animationIterationCount="infinite" 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-iteration-count | 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-iteration-count: Valori de proprietate Valoare Descriere Joaca-l number Un număr care definește de câte ori ar trebui să fie jucat o animație. Valoarea implicită este 1 Joaca - l » infinite Specifică faptul că animația ar trebui să fie jucat infinit de ori (for ever) 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ță: animationIterationCount property