Proprietà animation-iteration-count CSS

Definizione e uso

animation-iteration-count Definisce il numero di volte in cui l'animazione deve essere ripetuta.

Vedi anche:

Corso CSS3:CSS Animazione

Manuale HTML DOM:Proprietà animationIterationCount

Esempio

Ripeti l'animazione tre volte:

div
{
animation-iteration-count:3;
}

Prova personalmente

Sintassi CSS

animation-iteration-count: n|infinite;
Valore Descrizione Test
n Definisce il numero di volte in cui l'animazione deve essere ripetuta. Test
infinite Stabilisce che l'animazione debba essere ripetuta infinite volte. Test

Dettagli tecnici

Valore predefinito: 1
Ereditarietà: no
Versione: CSS3
Sintassi JavaScript: oggetto.style.animationIterationCount=3

Supporto del browser

I numeri nella tabella indicano la versione iniziale del browser che supporta completamente l'attributo.

Con i numeri preceduti da -webkit-、-moz- o -o- si indica la versione iniziale che utilizza il prefisso.

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-