CSS3 animation-iteration-count Propiedad
Ejemplo
Reproducir la animación tres veces:
animation-iteration-count:3;
-webkit-animation-iteration-count:3; /*Safari and Chrome*/
-webkit-animation-iteration-count:3; /*Safari and Chrome*/
Pruébalo »
Compatibilidad del navegador
Los números en la tabla indican la primera versión del navegador que admite la propiedad.
Los números precedidos por -webkit-, -ms- o -moz- indican la primera versión del navegador que admite la propiedad con ese prefijo.
| Propiedad | |||||
|---|---|---|---|---|---|
| animation-iteration-count | 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- |
Definición de etiqueta e instrucciones de uso
La propiedad animation-iteration-count define cuántas veces debe reproducirse la animación.
| Valor predeterminado: | 1 |
|---|---|
| Herencia: | no |
| Versión: | CSS3 |
| Sintaxis de JavaScript: | object object.style.animationIterationCount=3 |
Sintaxis
animation-iteration-count: value;
| Valor | Descripción | Prueba |
|---|---|---|
| n | Un número que define cuántas veces debe reproducirse la animación. | |
| infinite | Especifica que la animación debe reproducirse un número infinito de veces (siempre). |
Artículos relacionados
Tutorial CSS3:Animaciones CSS3
Otras extensiones