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
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 comoSequenceEffect
oGroupEffect
, el único efecto disponible actualmente esKeyframeEffect
. Este puede sernull
(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 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
BCD tables only load in the browser