Animação de estilo Propriedade PlayState
Exemplo
Pausando uma animação:
document.getElementById("myDIV").style.animationPlayState = "paused";
Definição e uso
A propriedade animationPlayState especifica se a animação está em execução ou pausada.
Nota: Use esta propriedade para pausar uma animação no meio de um ciclo.
Suporte ao navegador
Os números na tabela especificam a primeira versão do navegador que oferece suporte total à propriedade.
Números seguidos por Webkit, Moz ou O especificam a primeira versão que funcionou com um prefixo.
Property | |||||
---|---|---|---|---|---|
animationPlayState | 43.0 4.0 Webkit |
10.0 | 16.0 5.0 Moz |
9.0 4.0 Webkit |
30.0 15.0 Webkit 12.1 12.0 O |
Sintaxe
Retorne a propriedade animationPlayState:
object.style.animationPlayState
Defina a propriedade animationPlayState:
object.style.animationPlayState = "running|paused|initial|inherit"
Valores de propriedade
Value | Description |
---|---|
running | Default value. Specifies that the animation is running |
paused | Specifies that the animation is paused |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Detalhes técnicos
Valor padrão: | corrida |
---|---|
Valor de retorno: | Uma String, representando a propriedade animation-play-state de um elemento |
Versão CSS | CSS3 |
Páginas relacionadas
Referência CSS: propriedade animation-play-state