Animation()

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2020.

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

Sintaxis

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

Parámetros

effect Opcional

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 Opcional

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:

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

Especificaciones

Specification
Web Animations
# dom-animation-animation

Compatibilidad con navegadores

Ver también