Los últimos tutoriales de desarrollo web
 

Style animationName Property

<Estilo de objeto

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