Exemplo
Alterar a propriedade animationName de um <div> elemento:
// Code for Chrome, Safari, and Opera
document.getElementById("myDIV").style.WebkitAnimationName = "myNEWmove";
// Standard syntax
document.getElementById("myDIV").style.animationName = "myNEWmove";
Tente você mesmo " Definição e Uso
Os conjuntos de propriedades animationName ou retorna um nome para a animação @keyframes.
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 | |||||
---|---|---|---|---|---|
animationName | 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 WebkitAnimationName.
Sintaxe
Devolver o imóvel animationName:
object .style.animationName
Defina a propriedade animationName:
object .style.animationName="none| Valores de propriedade Valor Descrição none Valor padrão. Especifica que não haverá nenhuma animação (pode ser usado para substituir animações provenientes da cascata) keyframename Especifica o nome do quadro-chave que você deseja vincular ao selector 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: Nenhum Valor de retorno: A String, que representa a propriedade de animação-nome de um elemento CSS Versão CSS3
Páginas relacionadas
Referência CSS: animation-name property
<Estilo de objeto