Exemplo
Especifique um nome para a animação @keyframes:
div
{
-webkit-animation-name: mymove; /* Chrome, Safari, Opera */
animation-name: mymove;
} Tente você mesmo " Definição e Uso
A propriedade de animação-name especifica um nome para a animação @keyframes.
| Valor padrão: | none |
|---|---|
| Herdado: | no |
| Animatable: | no. Read about animatable |
| Versão: | CSS3 |
| sintaxe JavaScript: | object .style.animationName="myNEWmove" Try it |
Suporte a navegadores
Os números na tabela especificar a primeira versão do browser que suporta totalmente a propriedade.
Números seguido por -webkit-, -moz-, ou O- especificar a primeira versão que trabalhou com um prefixo.
| Propriedade | |||||
|---|---|---|---|---|---|
| animation-name | 43,0 4.0 -webkit- | 10.0 | 16,0 5.0 -moz- | 9 4.0 -webkit- | 30,0 15,0 -webkit- 12,0 -o- |
CSS Syntax
animation-name:keyframename|none|initial|inherit;Valores de propriedade
| Valor | Descrição | |
|---|---|---|
| keyframename | Especifica o nome do quadro-chave que você deseja vincular ao selector | |
| none | Valor padrão. Especifica que não haverá nenhuma animação (pode ser usado para substituir animações provenientes da cascata) | |
| initial | Define essa propriedade para o valor padrão. Leia sobre inicial | |
| inherit | Herda essa propriedade do seu elemento pai. Leia sobre herdar |
Páginas relacionadas
Tutorial CSS3: CSS3 animações
HTML DOM de referência: animationName property