Exemplo
Parando uma animação:
// Code for Chrome, Safari, and Opera
document.getElementById("myDIV").style.WebkitAnimationPlayState = "paused";
// Standard syntax
document.getElementById("myDIV").style.animationPlayState = "paused";
Tente você mesmo " Definição e Uso
A propriedade animationPlayState especifica se a animação está em execução ou em pausa.
Note: Use essa propriedade para pausar uma animação no meio de um ciclo.
Suporte navegador
Os números na tabela especificar a primeira versão do navegador que suporta totalmente a propriedade.
Números seguidos por Webkit, Moz, ou O especificar a primeira versão que trabalhou com um prefixo.
Propriedade | |||||
---|---|---|---|---|---|
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 ó |
Nota: Chrome, Safari e Opera apoiar uma alternativa, a propriedade WebkitAnimation.
Sintaxe
Devolver o imóvel animationPlayState:
object .style.animationPlayState
Defina a propriedade animationPlayState:
object .style.animationPlayState="running|paused|initial|inherit"
Valores de propriedade
Valor | Descrição |
---|---|
running | Valor padrão. Especifica que a animação está sendo executado |
paused | Especifica que a animação está em pausa |
initial | Define essa propriedade para seu valor padrão. Leia sobre inicial |
inherit | Herda esta propriedade a partir de seu elemento pai. Leia sobre herdar |
Detalhes técnicos
Valor padrão: | corrida |
---|---|
Valor de retorno: | A String, que representa a propriedade de animação-play-estado de um elemento |
CSS Versão | CSS3 |
Páginas relacionadas
Referência CSS: animation-play-state property
<Estilo de objeto