Atributo animation-iteration-count CSS
- Página anterior animation-fill-mode
- Página siguiente animation-name
Definición y uso
animation-iteration-count La propiedad define el número de veces que se debe reproducir la animación.
Véase también:
Tutorial de CSS3:Animación de CSS
Manual de referencia de HTML DOM:Propiedad animationIterationCount
Ejemplo
Reproducir la animación tres veces:
div
{
animation-iteration-count:3;
}
Sintaxis de CSS
animation-iteration-count: n|infinite;
| Valor | Descripción | Pruebas |
|---|---|---|
| n | Define el número de veces que se debe reproducir la animación. | Pruebas |
| infinite | Se especifica que la animación debe reproducirse无数次. | Pruebas |
Detalles técnicos
| Valor por defecto: | 1 |
|---|---|
| Herencia: | no |
| Versión: | CSS3 |
| Sintaxis de JavaScript: | object.style.animationIterationCount=3 |
Compatibilidad del navegador
Los números en la tabla indican la primera versión del navegador que admite completamente la propiedad.
Los números con -webkit-、-moz- o -o- indican la primera versión con prefijo en uso.
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 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- |
- Página anterior animation-fill-mode
- Página siguiente animation-name
