Ejemplo
Cambio de la animación de un <div> elemento, utilizando la propiedad rápida:
// Code for Chrome, Safari and Opera
document.getElementById("myDIV").style.WebkitAnimation = "mynewmove 4s 2";
// Standard syntax
document.getElementById("myDIV").style.animation =
"mynewmove 4s 2"; Inténtalo tú mismo " Definición y Uso
La propiedad de animación es una propiedad abreviada para seis de las propiedades de animación:
animationName
animationDuration
animationTimingFunction
animationDelay
animationIterationCount
animationDirection
Note: Siempre especifique la propiedad animationDuration, de lo contrario la duración es 0, y nunca se jugó.
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 | |||||
|---|---|---|---|---|---|
| animation | 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 WebkitAnimation.
Sintaxis
Devolver la propiedad de animación:
object .style.animation Establecer la propiedad de animación:
object .style.animation=" Valores de propiedad Valor Descripción animationName Especifica el nombre del fotograma clave que desea enlazar con el selector animationDuration Especifica cuántos segundos o milisegundos una animación tarda en completar
animationTimingFunction Especifica la curva de velocidad de la animación animationDelay Especifica un retraso antes de que la animación se iniciará
animationIterationCount Especifica cuántas veces una animación se debe jugar animationDirection Especifica si o no la animación debe jugar en reversa en ciclos alternos animationFillMode Especifica los valores que se aplican por la animación fuera del tiempo que se está ejecutando animationPlayState Especifica si la animación se está ejecutando o en pausa 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 0 0 1 facilidad normales ninguno de funcionamiento Valor de retorno: Una cadena, que representa la propiedad de animación de un elemento Versión CSS CSS3
Páginas relacionadas
Referencia CSS: animation property
<Estilo de objeto