Animation()

Baseline Widely available

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

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

Sintaxis

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

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);

Help improve MDN

Was this page helpful to you?

Yes No

Learn how to contribute

This page was last modified on 2 ago 2023 by MDN contributors.

View this page on GitHub • Report a problem with this content

Animation()

In this article

Sintaxis

Parámetros

Ejemplos

Especificaciones

Compatibilidad con navegadores

Ver también

Help improve MDN