animation-play-state

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-play-state détermine si l'animation est en cours de lecture ou en pause. Vous pouvez interroger cette propriété afin de déterminer si l'animation est en cours de lecture ou non. De plus, vous pouvez modifier cette valeur pour mettre en pause ou reprendre la lecture de l'animation.

La reprise de la lecture d'une animation se fera là ou elle a été mise en pause plutôt que de recommencer depuis le début de la séquence.

Syntaxe

Syntaxe formelle : <single-animation-play-state>#
animation-play-state: running
animation-play-state: paused

animation-play-state: paused, running, running

Valeurs

running
L'animation est en cours de lecture.
paused
L'animation est en pause.

Exemples

Voir Animations CSS pour des exemples.

Spécification

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 ? (Oui)-webkit
Fonction Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Support de base ? ? ? ? ?

Voir également

Étiquettes et contributeurs liés au document

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