Exemple
Une animation faisant une pause:
// Code for Chrome, Safari, and Opera
document.getElementById("myDIV").style.WebkitAnimationPlayState = "paused";
// Standard syntax
document.getElementById("myDIV").style.animationPlayState = "paused"; Essayez vous - même » Définition et utilisation
La propriété animationPlayState indique si l'animation est en cours d'exécution ou en pause.
Note: Utilisez cette propriété pour mettre en pause une animation au milieu d'un cycle.
Support du navigateur
Les chiffres du tableau indiquent la première version du navigateur qui prend en charge entièrement la propriété.
Les chiffres suivis de Webkit, Moz, ou O préciser la première version qui a travaillé avec un préfixe.
| Propriété | |||||
|---|---|---|---|---|---|
| animationPlayState | 43,0 4.0 Webkit | 10.0 | 16,0 5,0 Moz | 4.0 Webkit | 30,0 15,0 Webkit 12.1 12.0 O |
Remarque: Chrome, Safari et Opera soutiennent une alternative, la propriété WebkitAnimation.
Syntaxe
Retour la propriété animationPlayState:
object .style.animationPlayState Définissez la propriété animationPlayState:
object .style.animationPlayState="running|paused|initial|inherit"
Valeurs de propriété
| Valeur | La description |
|---|---|
| running | Valeur par défaut. Indique que l'animation est en cours d'exécution |
| paused | Indique que l'animation est en pause |
| initial | Définit cette propriété à sa valeur par défaut. Lisez à propos initial |
| inherit | Hérite cette propriété de son élément parent. En savoir plus sur hériteront |
Détails techniques
| Valeur par défaut: | fonctionnement |
|---|---|
| Valeur de retour: | Une chaîne, ce qui représente la propriété animation-play-état d'un élément |
| version CSS | CSS3 |
Pages associées
Référence CSS: la animation-play-state property
<Style objet