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