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 ,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. 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 . Actualmente el único tipo de línea de tiempo disponible es DocumentTimeline, pero en el futuro habrá lineas de tiempo asociadas , por ejemplo, con gestos o desplazamiento. El valor por defecto es Document.timeline, 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.

Compatibilidad del navegador

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!
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.

Ver también