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

Compatibilidad del navegador

BCD tables only load in the browser

Ver también