animation-iteration-count

par 3 contributeurs :

Cette fonction est expérimentale
Puisque cette fonction est toujours en développement dans certains navigateurs, veuillez consulter le tableau de compatibilité pour les préfixes à utiliser selon les navigateurs.
Il convient de noter qu'une fonctionnalité expérimentale peut voir sa syntaxe ou son comportement modifié dans le futur en fonction des évolutions de la spécification.

Résumé

La propriété CSS animation-iteration-count définie le nombre de fois qu'un cycle d'animation doit être joué avant de s'arrêter.

Il est souvent utile d'utiliser la propriété raccourcie animation afin de définir toutes les propriétés en une fois.

Syntaxe

Syntaxe formelle : <single-animation-iteration-count>#
animation-iteration-count: infinite
animation-iteration-count: 3
animation-iteration-count: 2.3

animation-iteration-count: 2, 0, infinite

Valeurs

infinite
L'animation se répétera à l'infini.
<number>
Le nombre de fois que l'animation doit être répétée. La valeur par défaut est 1. Une valeur négative ne sont pas valides. Il est possible de spécifier des valeur non-entières pour jouer une partie d'un cycle d'animation (par exemple 0.5 jouera la moitié du cycle d'animation).

Exemples

Voir Animations CSS pour des exemples.

Spécifications

Spécification Statut Commentaire
CSS Animations Working Draft  

Compatibilité des navigateurs

Fonction Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
Support de base (Oui)-webkit 5.0 (5.0)-moz 10 -ms ? 4.0-webkit
Fonction Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
Support de base ? ? ? ? ?

Voir également

Étiquettes et contributeurs liés au document

Étiquettes : 
Contributeurs à cette page : teoli, FredB, tregagnon
Dernière mise à jour par : teoli,
Masquer la barre latérale