Animation()

Experimental

Esta es una tecnología experimental
Comprueba la Tabla de compabilidad de navegadores cuidadosamente antes de usarla en producción.

El constructor Animation() de Web Animations API devuelve una instancia del objeto Animation.

Sintaxis

var animation = new Animation([effect][, timeline]);

Parámetros

effect Optional: El efecto objetivo, es un objeto de la interfaz AnimationEffectReadOnly (en-US) ,para asignarlo a la animación. Aunque en el futuro podrían ser asignados otros efectos como SequenceEffect o GroupEffect, el único efecto disponible actualmente es KeyframeEffect (en-US). Este puede ser null (valor por defecto) para indicar que no debe aplicarse ningún efecto.
timeline Optional: Especifica el timeline con el que asociar la animación, como un objeto de tipo basado en la interfaz AnimationTimeline (en-US) . Actualmente el único tipo de línea de tiempo disponible es DocumentTimeline (en-US), pero en el futuro habrá lineas de tiempo asociadas , por ejemplo, con gestos o desplazamiento. El valor por defecto es Document.timeline (en-US), pero puede ser establecido en null.

Ejemplos

En el ejemplo Follow the White Rabbit , el constructor Animation() es usado para crear una Animation para el rabbitDownKeyframes utilizando el timeline del documento:

var rabbitDownAnimation = new Animation(rabbitDownKeyframes, document.timeline);

Especificaciones

Specification	Status	Comment
Web Animations La definición de 'Animation()' en esta especificación.	Working Draft	Editor's draft.

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help! (en-US)

Escritorio
Móvil

Feature	Chrome	Firefox (Gecko)	Internet Explorer	Opera	Safari (WebKit)
Basic support	Sin soporte	48 (48)^[1]	Sin soporte	Sin soporte	Sin soporte

Feature	Android	Firefox Mobile (Gecko)	IE Phone	Opera Mobile	Safari Mobile
Basic support	Sin soporte	48.0 (48) ^[1]	Sin soporte	Sin soporte	Sin soporte

[1] La Web Animations API solo está habilitada de manera predeterminada en Firefox Developer Edition y Nightly builds. Puedes habilitarla en compilaciones de lanzamiento estableciendo la preferencia de dom.animations-api.core.enabled en true, y puede desactivarse en cualquier versión de Firefox estableciendo esta preferencia en false.