Exemplo
Obter o nome de animação associada a uma animação:
var x = document.getElementById("myDIV");
x.addEventListener("animationstart",
myStartFunction);
function myStartFunction(event) {
this.innerHTML
= "Animation-name is: " + event.animationName;
}
Tente você mesmo " Definição e Uso
A propriedade animationName retorna o nome da animação, quando um evento de animação ocorre.
O nome da animação é o valor da animação nome propriedade CSS.
Esta propriedade é somente leitura.
Suporte navegador
Os números na tabela especificar a primeira versão do navegador que suporta totalmente a propriedade.
Propriedade | |||||
---|---|---|---|---|---|
animationName | sim | 10.0 | 6 | sim | sim |
Sintaxe
event .animationName
Detalhes técnicos
Valor de retorno: | A String, que representa o nome da animação |
---|
Páginas relacionadas
HTML DOM referência: The Event animationstart
HTML DOM referência: The Event animationiteration
HTML DOM referência: The Event animationend
HTML DOM referência: AnimationEvent elapsedTime Property
Referência CSS: CSS3 animation Property
Referência CSS: CSS3 animation-name Property
<Objeto de evento