Propriedade animation-iteration-count CSS

Definição e uso

animation-iteration-count A propriedade define o número de vezes que a animação deve ser reproduzida.

Veja também:

Tutorial do CSS3:Animação CSS

Manual do HTML DOM:Propriedade animationIterationCount

Exemplo

Reproduzir a animação três vezes:

div
{
animation-iteration-count:3;
}

Experimente você mesmo

Sintaxe do CSS

animation-iteration-count: n|infinite;
Valor Descrição Teste
n Define o número de vezes que a animação deve ser reproduzida. Teste
infinite Determina que a animação deve ser reproduzida infinitamente. Teste

Detalhes técnicos

Valor padrão: 1
Herança: não
Versão: CSS3
Sintaxe do JavaScript: object.style.animationIterationCount=3

Suporte do navegador

Os números na tabela indicam a primeira versão do navegador que suporta completamente essa propriedade.

Os números com -webkit-, -moz- ou -o- como prefixo representam a primeira versão que usa o prefixo.

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-