Propriedade animation-play-state CSS

Definição e uso

animation-play-state A propriedade define se a animação está em execução ou pausada.

Nota:Você pode usar essa propriedade no JavaScript para pausar a animação durante a reprodução.

Veja também:

Tutorial do CSS3:Animação do CSS

Manual do DOM HTML:Propriedade animationPlayState

Exemplo

Pausar animação:

div
{
animation-play-state:paused;
}

Experimente você mesmo

Sintaxe do CSS

animation-play-state: paused|running;
Valor Descrição Teste
paused Define que a animação foi pausada. Teste
running Define que a animação está em execução. Teste

Detalhes técnicos

Valor padrão: running
Herança: não
Versão: CSS3
Sintaxe do JavaScript: object.style.animationPlayState="paused"

Suporte do navegador

Os números na tabela indicam a primeira versão do navegador que suporta completamente essa propriedade.

Os números com -webkit-, -moz- ou -o- indicam a primeira versão com suporte ao prefixo.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
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-