tutoriais mais recente desenvolvimento web
 

Style animationName Property

<Estilo de objeto

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