animation-iteration-count

Experimental: 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 inicial1
Applies totodos los elementos y los pseudoelementos ::before y ::after
Heredableno
Valor calculadocomo se especifica
Animation typediscrete

Sintaxis

Sintaxis formal: 
<single-animation-iteration-count># (en-US)

where
<single-animation-iteration-count> = infinite | (en-US) <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 Level 1
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! (en-US)

Caracteristica Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
Soporte b谩sico (Yes)-webkit (en-US) 5.0 (5.0)-moz (en-US)
16.0 (16.0)
10  12 -o (en-US)
12.10 #
4.0-webkit (en-US)
Caracteristicas Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
Soporte b谩sico (Yes)-webkit (en-US) 5.0 (5.0)-moz (en-US)
16.0 (16.0)
? ? ?

Ver tambi茅n