Exemplo
Reproduzir a animação três vezes:
div {
-webkit-animation-iteration-count: 3; /* Chrome, Safari, Opera */
animation-iteration-count: 3;
} Tente você mesmo " Definição e Uso
A propriedade de animação-iteração-count especifica o número de vezes que uma animação deve ser jogado.
| Valor padrão: | 1 |
|---|---|
| Herdado: | no |
| Animatable: | no. Read about animatable |
| Versão: | CSS3 |
| sintaxe JavaScript: | object .style.animationIterationCount="infinite" Try it |
Suporte a navegadores
Os números na tabela especificar a primeira versão do browser que suporta totalmente a propriedade.
Números seguido por -webkit-, -moz-, ou O- especificar a primeira versão que trabalhou com um prefixo.
| Propriedade | |||||
|---|---|---|---|---|---|
| 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 Syntax
animation-iteration-count:number|infinite|initial|inherit;Valores de propriedade
| Valor | Descrição | Jogue |
|---|---|---|
| number | Um número que define quantas vezes uma animação deve ser jogado. O valor padrão é 1 | Jogue " |
| infinite | Especifica que a animação deve ser jogado infinitas vezes (for ever) | Jogue " |
| initial | Define essa propriedade para o valor padrão. Leia sobre inicial | |
| inherit | Herda essa propriedade do seu elemento pai. Leia sobre herdar |
Páginas relacionadas
Tutorial CSS3: CSS3 animações
HTML DOM de referência: animationIterationCount property