tutoriais mais recente desenvolvimento web
 

Style animationPlayState Property

<Estilo de objeto

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