Propriedade animation-name CSS
- Página anterior animation-iteration-count
- Próxima página animation-play-state
Definição e uso
animation-name O atributo define o nome do animation @keyframes.
Notas:Sempre especifique animation-duration Se não for especificado o atributo, a animação não será reproduzida, pois o tempo de duração será 0.
Veja também:
Tutorial do CSS3:Animação do CSS
Manual do HTML DOM:Propriedade animationName
Exemplo
Defina um nome para a animação @keyframes:
div
{
animation:mymove 5s infinite;
}
Sintaxe do CSS
animation-name: keyframename|nada;
Valor do atributo
| Valor | Descrição |
|---|---|
| keyframename | Define o nome do keyframe a ser vinculado ao seletor. |
| nada | Define efeitos de animação sem animação (pode ser usado para cobrir animações cascadas). |
Detalhes técnicos
| Valor padrão: | nada |
|---|---|
| Herança: | não |
| Versão: | CSS3 |
| Sintaxe do JavaScript: | object.style.animationName="mymove" |
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 a usar o 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- |
- Página anterior animation-iteration-count
- Próxima página animation-play-state
