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
Optional- 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
Optional- 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 | Status | Comment |
---|---|---|
Web Animations La definición de 'Animation()' en esta especificación. |
Working Draft | Editor's draft. |
Compatibilidad del navegador
We're converting our compatibility data into a machine-readable JSON format.
This compatibility table still uses the old format,
because we haven't yet converted the data it contains.
Find out how you can help!
Feature | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari (WebKit) |
---|---|---|---|---|---|
Basic support | Sin soporte | 48 (48)[1] | Sin soporte | Sin soporte | Sin soporte |
Feature | Android | Firefox Mobile (Gecko) | IE Phone | Opera Mobile | Safari Mobile |
---|---|---|---|---|---|
Basic support | Sin soporte | 48.0 (48) [1] | Sin soporte | Sin soporte | Sin soporte |
[1] La Web Animations API solo está habilitada de manera predeterminada en Firefox Developer Edition y Nightly builds. Puedes habilitarla en compilaciones de lanzamiento estableciendo la preferencia de dom.animations-api.core.enabled
en true
, y puede desactivarse en cualquier versión de Firefox estableciendo esta preferencia en false
.