Ejemplo
Cambiar la propiedad animationName de un <div> elemento:
// Code for Chrome, Safari, and Opera
document.getElementById("myDIV").style.WebkitAnimationName = "myNEWmove";
// Standard syntax
document.getElementById("myDIV").style.animationName = "myNEWmove";
Inténtalo tú mismo " Definición y Uso
Los conjuntos de propiedades animationName o devuelve un nombre para la animación @keyframes.
Soporte del navegador
Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con la propiedad.
Los números seguidos por Webkit, Moz, o O especifican la primera versión que trabajó con un prefijo.
Propiedad | |||||
---|---|---|---|---|---|
animationName | 43.0 4.0 Webkit | 10.0 | 16.0 5,0 Moz | 4.0 Webkit | 30.0 15.0 Webkit 12.1 12,0 O |
Nota: Chrome, Safari y Opera soportan una alternativa, la propiedad WebkitAnimationName.
Sintaxis
Devolver la propiedad animationName:
object .style.animationName
Establecer la propiedad animationName:
object .style.animationName="none| Valores de propiedad Valor Descripción none Valor por defecto. Especifica que no habrá animación (puede ser utilizado para anular animaciones procedentes de la cascada) keyframename Especifica el nombre del fotograma clave que desea enlazar con el selector initial Establece esta propiedad a su valor por defecto. Lea acerca inicial inherit Hereda esta propiedad de su elemento padre. Lea acerca de heredar
Detalles técnicos
Valor por defecto: ninguna Valor de retorno: Una cadena, que representa la propiedad de animación-nombre de un elemento Versión CSS CSS3
Páginas relacionadas
Referencia CSS: animation-name property
<Estilo de objeto