Animation
Experimental: Esta é uma tecnologia experimental (en-US)
Verifique a tabela de compatibilidade entre Navegadores cuidadosamente antes de usar essa funcionalidade em produção.
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()
(en-US)-
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
(en-US), está inativa ou ainda não foi executada, este valor énull
. Animation.effect
(en-US)-
Obtém e define o
KeyframeEffect
(en-US) associado a essa animação. Animation.finished
(en-US) Somente leitura-
Retorna a
Primise
de finalização atual para essa animação. Animation.id
(en-US)-
Obtém e define a
String
usada para identificar a animação. Animation.oncancel
(en-US)-
Obtém e define o manipulador para o evento
cancel
. Animation.onfinish
(en-US)-
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
(en-US)-
Obtém ou define a taxa de execução da animação.
Animation.ready
(en-US) Somente leitura-
Retorna a promessa atual para quando essa animação estiver pronta.
Animation.startTime
(en-US)-
Obtém ou define o tempo agendado quando a execução de uma animação deve começar.
Animation.timeline
(en-US)-
Obtém ou define a
timeline
(en-US) associada a essa animação.
Métodos
Animation.cancel()
-
Limpa todos os
keyframeEffects
(en-US) causados por essa animação e aborta sua execução. Animation.finish()
(en-US)-
Vai até um dos extremos dessa animação, dependendo se ela está executando ou retornando.
Animation.pause()
(en-US)-
Suspende a execução de uma animação.
Animation.play()
(en-US)-
Inicia ou continua a execução de uma animação ou a recomeça se ela tiver terminado anteriormente.
Animation.reverse()
(en-US)-
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. |
Rascunho atual | Definição inicial |
Compatibilidade com navegadores
BCD tables only load in the browser