CSS3 animation-play-state Propriété


Exemple

Mettre l'animation en pause :

animation-play-state:paused;
-webkit-animation-play-state:paused; /* Safari et Chrome */

Essayez-le vous-même »

Prise en charge des navigateurs

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

Le nombre qui précède immédiatement -webkit-, -ms- ou -moz- est la première version du navigateur qui prend en charge la propriété préfixée.

Propriété
animation-play-state 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-

Définition de la balise et instructions d'utilisation

La propriété animation--play-state indique si l'animation est en cours d'exécution ou en pause.

Remarque :Utilisez cette propriété en JavaScript pour mettre une animation en pause au cours d'un cycle.

Valeur par défaut : running
Héritée : non
version : CSS3
Syntaxe JavaScript : object object.style.animationPlayState="paused"

Syntaxe

animation-play-state: paused|running;

Valeur Description Test
paused Spécifier une animation en pause
running Spécifier une animation en cours d'exécution

Articles connexes

Tutoriel CSS3 :Animations CSS3

autres extensions