Vlastnost CSS animation-play-state
Příklad
Pozastavit animaci:
div {
animation-play-state: paused;
}
Další příklady „Vyzkoušejte si to sami“ níže.
Definice a použití
Vlastnost animation-play-stateurčuje, zda je animace spuštěna nebo pozastavena.
Poznámka: Tuto vlastnost použijte v JavaScriptu k pozastavení animace uprostřed cyklu.
| Výchozí hodnota: | běh |
|---|---|
| Zděděno: | Ne |
| Animovatelné: | Ne. Přečtěte si o tématu Animable |
| Verze: | CSS3 |
| Syntaxe JavaScriptu: | objekt .style.animationPlayState="paused" |
Podpora prohlížeče
Čísla v tabulce určují první verzi prohlížeče, která plně podporuje vlastnost.
Čísla následovaná -webkit-, -moz- nebo -o- určují první verzi, která pracovala s předponou.
| Property | |||||
|---|---|---|---|---|---|
| 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- |
Syntaxe CSS
animation-play-state: paused|running|initial|inherit;
Hodnoty vlastností
| Value | Description | Play it |
|---|---|---|
| paused | Specifies that the animation is paused | |
| running | Default value. Specifies that the animation is running | |
| initial | Sets this property to its default value. Read about initial | |
| inherit | Inherits this property from its parent element. Read about inherit |
Související stránky
CSS tutoriál: CSS animace
Odkaz HTML DOM: vlastnost animationPlayState
Další příklady
Příklad
Pozastavení animace při umístění kurzoru:
div:hover {
animation-play-state: paused;
}