This is an experimental technology
Because this technology's specification has not stabilized, check the compatibility table for the proper prefixes to use in various browsers. Also note that the syntax and behavior of an experimental technology is subject to change in future versions of browsers as the spec changes.
Resumen
La propiedad CSS animation-iteration-count define el numero de veces que un ciclo de animación debe ser ejecutado antes de detenerse.
A menudo es conveniente utilizar la propiedad animation para ajustar todas las propiedades de animación a la vez.
| Valor inicial | 1 |
|---|---|
| Applies to | todos los elementos y los pseudoelementos ::before y ::after |
| Heredable | no |
| Media | visual |
| Valor calculado | como se especifica |
| Animatable | no |
| Canonical order | el orden único no-ambigüo definido por la gramática formal |
Sintaxis
Sintaxis formal: <single-animation-iteration-count>#where
<single-animation-iteration-count> = infinite | <number>
animation-iteration-count: infinite; animation-iteration-count: 3; animation-iteration-count: 2.3; animation-iteration-count: 2, 0, infinite;
Valores
infinite- La animación se repetirá siempre.
<number>- El número de veces que la animación debe repetir: es 1 por defecto. Los valores negativos no son validos. Puede especificar valores no enteros para ejecutar parte de un ciclo de animación (por ejemplo 0.5 se ejecutara la mitad del ciclo de la animación).
Ejemplos
Ver ejemplos CSS animations.
Especificaciones
| Especificaciones | Estado | Comentario |
|---|---|---|
| CSS Animations The definition of 'animation-iteration-count' in that specification. |
Working Draft |
Compatibilidad en navegadores
| Caracteristica | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari (WebKit) |
|---|---|---|---|---|---|
| Soporte básico | (Yes)-webkit | 5.0 (5.0)-moz 16.0 (16.0) |
10 | 12 -o 12.10 # |
4.0-webkit |
| Caracteristicas | Android | Firefox Mobile (Gecko) | IE Phone | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|
| Soporte básico | (Yes)-webkit | 5.0 (5.0)-moz 16.0 (16.0) |
? | ? | ? |