Atributo animationName del estilo
- Página anterior animationIterationCount
- Página siguiente animationTimingFunction
- Volver a la capa superior Objeto Style de HTML DOM
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";
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
- Página anterior animationIterationCount
- Página siguiente animationTimingFunction
- Volver a la capa superior Objeto Style de HTML DOM