Atributo animationName del estilo

Definición y uso

animationName Establece o devuelve el nombre del animation @keyframes asociado al selector.

Ejemplo

Cambiar la propiedad animationName del elemento <div>:

document.getElementById("myDIV").style.animationName = "myNEWmove";

Prueba personal

Sintaxis

Devolver la propiedad animationName:

object.style.animationName

Establecer la propiedad animationName:

object.style.animationName = "none|keyframename|initial|inherit"

Valor del atributo

Valor Descripción
none Valor predeterminado. Especifica que no hay animación (puede usarse para cubrir la animación de la cadena de herencia).
keyframename Especifica el nombre del keyframe que se debe enlazar al selector.
initial Establezca esta propiedad en su valor predeterminado. Consulte initial
inherit Hereda esta propiedad del elemento padre. Consulte inherit

Detalles técnicos

Valor predeterminado: none
Valor devuelto: Cadena de caracteres que representa el Atributo animation-name
Versión de CSS: CSS3

Compatibilidad del navegador

animationName Es una característica de CSS3 (1999).

Todos los navegadores lo admiten completamente:

Chrome Edge Firefox Safari Opera IE
Chrome Edge Firefox Safari Opera IE
Soporte Soporte Soporte Soporte Soporte 11

Páginas relacionadas

Manual de referencia de CSS:Atributo animation-name