MDN wants to learn about developers like you: https://qsurvey.mozilla.com/s3/MDN-dev-survey

This is an experimental technology
Because this technology's specification has not stabilized, check the compatibility table for usage in various browsers. Also note that the syntax and behavior of an experimental technology is subject to change in future versions of browsers as the specification changes.

A interface Animation da Web Animations API representa um único player de animação e fornece controles e uma linha do tempo (timeline) para um nó de animação ou recurso.

Construtor

Animation()
Cria uma nova instância do objeto Animation.

Propriedades

Animation.currentTime
O valor do tempo atual da animação, em milissegundos, esteja ela executando ou pausada. Se a animação não tem uma timeline, está inativa ou ainda não foi executada, este valor é null.
Animation.effect
Obtém e define o KeyframeEffect associado a essa animação.
Animation.finished Somente leitura
Retorna a Primise de finalização atual para essa animação.
Animation.id
Obtém e define a String usada para identificar a animação.
Animation.oncancel
Obtém e define o manipulador para o evento cancel.
Animation.onfinish
Obtém e define o manipulador para o evento finish.
Animation.playState Somente leitura
Retorna um valor enumerado descrevendo o estado de execução de uma animação.
Animation.playbackRate
Obtém ou define a taxa de execução da animação.
Animation.ready Somente leitura
Retorna a promessa atual para quando essa animação estiver pronta.
Animation.startTime
Obtém ou define o tempo agendado quando a execução de uma animação deve começar.
Animation.timeline
Obtém ou define a timeline associada a essa animação.

Métodos

Animation.cancel()
Limpa todos os keyframeEffects causados por essa animação e aborta sua execução.
Animation.finish()
Vai até um dos extremos dessa animação, dependendo se ela está executando ou retornando.
Animation.pause()
Suspende a execução de uma animação.
Animation.play()
Inicia ou continua a execução de uma animação ou a recomeça se ela tiver terminado anteriormente.
Animation.reverse()
Move a animação ao contrário, parando no início da animação.

Especificações

Especificação Estado Comentário
Web Animations
The definition of 'Animation' in that specification.
Working Draft Definição inicial

Compatibilidade com navegadores

Recurso Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
Suporte básico 39.0 [1] 40.0 (40.0) [2] Não suportado Não suportado Não suportado
Recurso Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
Suporte básico (Yes) [1] 40.0 (40.0) [2] Não suportado Não suportado Não suportado

[1] Implementado como AnimationPlayer (nome da interface em uma versão primária da especificação).

[2] Anteriormente ao Firefox 40, estava disponível como AnimationPlayer. Em ambos os casos, é necessário definir a preferência dom.animations-api.core.enabled para poder usá-la.

 

Etiquetas do documento e colaboradores

 Colaboradores desta página: mrmorais, hbmuller, rachelnabors
 Última atualização por: mrmorais,