Propriedade animationName do estilo

Definição e uso

animationName Define ou retorna o nome da animação @keyframes a ser vinculada ao seletor.

Exemplo

Mude a propriedade animationName do elemento <div>:

document.getElementById("myDIV").style.animationName = "myNEWmove";

Experimente você mesmo

Sintaxe

Retorne a propriedade animationName:

objeto.style.animationName

Defina a propriedade animationName:

objeto.style.animationName = "none|keyframename|initial|inherit"

Valor da propriedade

Valor Descrição
none Valor padrão. Define que não haverá animação (pode ser usada para sobrescrever animações provenientes da cascata).
keyframename Define o nome do frame-chave a ser vinculado ao seletor.
initial Defina essa propriedade para seu valor padrão. Veja initial.
inherit Herda essa propriedade do elemento pai. Veja inherit.

Detalhes técnicos

Valor padrão: none
Retorno: String que representa o Propriedade animation-name.
Versão do CSS: CSS3

Suporte do navegador

animationName é uma característica do CSS3 (1999).

Todos os navegadores suportam completamente ele:

Chrome Edge Firefox Safari Opera IE
Chrome Edge Firefox Safari Opera IE
Suporte Suporte Suporte Suporte Suporte 11

Páginas relacionadas

Manual de referência CSS:Propriedade animation-name