Propriété animation-play-state CSS

Définition et utilisation

animation-play-state Cette propriété définit si l'animation est en cours de lecture ou en pause.

Remarque :Vous pouvez utiliser cette propriété en JavaScript pour mettre en pause l'animation pendant la lecture.

Voir également :

Tutoriel CSS3 :Animation CSS

Manuel de référence HTML DOM :Propriété animationPlayState

Exemple

Mettre en pause l'animation :

div
{
animation-play-state:paused;
}

Essayez-le vous-même

Syntaxe CSS

animation-play-state: paused|running;
Valeur Description Test
paused Définit que l'animation est en pause. Test
en cours d'exécution Définit que l'animation est en cours de lecture. Test

Détails techniques

Valeur par défaut : en cours d'exécution
Héritabilité : non
Version : CSS3
Syntaxe JavaScript : object.style.animationPlayState="paused"

Prise en charge du navigateur

Les nombres dans le tableau indiquent la première version du navigateur qui prend en charge cette propriété.

Les nombres précédés de -webkit-、-moz- ou -o- représentent la première version utilisant les préfixes.

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-