Esta es una tecnología experimental
Comprueba la Tabla de compabilidad de navegadores cuidadosamente antes de usarla en producción.
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 |
Animation type | discrete |
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 La definición de 'animation-iteration-count' en esta especificación. |
Working Draft |
Compatibilidad en navegadores
We're converting our compatibility data into a machine-readable JSON format.
This compatibility table still uses the old format,
because we haven't yet converted the data it contains.
Find out how you can help!