animation-iteration-count

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.

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

Compatibilidad en navegadores

Ver también

• Usando animaciones CSS
• AnimationEvent