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]);
Parámetros
effectOpcional-
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 comoSequenceEffectoGroupEffect, el único efecto disponible actualmente esKeyframeEffect. Este puede sernull(valor por defecto) para indicar que no debe aplicarse ningún efecto. timelineOpcional-
Especifica el
timelinecon el que asociar la animación, como un objeto de tipo basado en la interfazAnimationTimeline. Actualmente el único tipo de línea de tiempo disponible esDocumentTimeline, pero en el futuro habrá lineas de tiempo asociadas , por ejemplo, con gestos o desplazamiento. El valor por defecto esDocument.timeline, pero puede ser establecido ennull.
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 |
|---|
| Web Animations> # dom-animation-animation> |
Compatibilidad con navegadores
Loading…