Animation

Esta es una tecnolog铆a experimental
Comprueba la Tabla de compabilidad de navegadores cuidadosamente antes de usarla en producci贸n.

La interfaz Animation de la  Web Animations API representa un reproductor de animaci贸n y proporciona controles de reproducci贸n y una l铆nea de tiempo para un nodo o una fuente de animaci贸n.

Constructor

Animation()
Crea una nueva instancia de objeto Animation.

Propiedades

Animation.currentTime
El valor del tiempo de la animaci贸n actual en milisegundos , ya sea en ejecuci贸n o en pausa. Si la animaci贸n carece de timeline, est谩 inactivo, o no se ha reproducido todav铆a, su valor es null.
Animation.effect
Obtiene y establece el AnimationEffectReadOnly asociado con esta animaci贸n. Normalmente, este ser谩 un objeto KeyframeEffect.
Animation.finished Read only
Devuelve la Promesa actual terminada para esta animaci贸n.
Animation.id
Obtiene y establece la String usada para identificar la animaci贸n.
Animation.playState Read only
Devuelve un valor enumerado que describe el estado de la reproducci贸n de una animaci贸n.
Animation.playbackRate
Obtiene o establece la velocidad de reproducci贸n de la animaci贸n.
Animation.ready Read only
Devuelve la Promesa actual lista para esta animaci贸n.
Animation.startTime
Obiene o establece la hora programada en la que debe comenzar la reproducci贸n de la animaci贸n.
Animation.timeline
Obtiene o establece el  timeline asociado con esta animaci贸n.

Manejadores de eventos

Animation.oncancel
Obtiene y establece en manejador de eventos para el evento cancel.
Animation.onfinish
Obtiene y establece en manejador de eventos para el evento finish .

M茅todos

Animation.cancel()
Borra todos los keyframeEffects causados por la animaci贸n y aborta su reproducci贸n.
Animation.finish()
Busca cualquier final de una animaci贸n, dependiendo de si la animaci贸n se est谩 reproduciendo o invirtiendo.
Animation.pause()
Pone la reproducci贸n en pausa.
Animation.play()
Busca el final de una animaci贸n, dependiendo de si la animaci贸n se est谩 reproduciendo o si se est谩 invirtiendo.
Animation.reverse()
Invierte la direcci贸n de reproducci贸n, deteni茅ndose al comienzo de la animaci贸n. Si la animaci贸n finaliza o no se activa, volver谩 a reproducirse desde el final al principio.
Animation.updatePlaybackRate()
Establece la velocidad de la animaci贸n despu茅s de sincronizar por primera vez su posici贸n de reproducci贸n.

Problemas de accesibilidad

Las animaciones titilantes e intermitentes pueden causar dificultades a las personas con discapacidades cognitivas como Trastorno por D茅ficit de Atenci贸n con Hiperactividad (ADHD) adem谩s de causar ataques a personas con cinestosis, epilepsia, migranias o s铆ndrome de sensibilidad escot贸pica.

Considera ofrecer un mecanismo para pausar o deshabilitar las animaciones, as铆 como utilizar Reduced Motion Media Query para crear una experiencia complementaria para los usuarios que han expresado su preferencia por experiencias no animadas.

Especificaciones

Especificaci贸n Estado Comentario
Web Animations
La definici贸n de 'Animation' en esta especificaci贸n.
Working Draft Definici贸n inicial

Compatibilidad con navegadores

BCD tables only load in the browser

Ver tambi茅n