Esta página foi traduzida do inglês pela comunidade.Saiba mais e junte-se à comunidade MDN Web Docs.
Animation
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since março de 2020.
Experimental:Esta é umatecnologia experimental
Verifique atabela de compatibilidade entre Navegadores cuidadosamente antes de usar essa funcionalidade em produção.
A interfaceAnimation daWeb 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.
In this article
Construtor
Animation()Cria uma nova instância do objeto
Animation.
Propriedades
Animation.currentTimeO 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.effectObtém e define o
KeyframeEffectassociado a essa animação.Animation.finishedSomente leituraRetorna a
Primisede finalização atual para essa animação.Animation.idObtém e define a
Stringusada para identificar a animação.Animation.oncancelObtém e define o manipulador para o evento
cancel.Animation.onfinishObtém e define o manipulador para o evento
finish.Animation.playStateSomente leituraRetorna um valor enumerado descrevendo o estado de execução de uma animação.
Animation.playbackRateObtém ou define a taxa de execução da animação.
Animation.readySomente leituraRetorna a promessa atual para quando essa animação estiver pronta.
Animation.startTimeObtém ou define o tempo agendado quando a execução de uma animação deve começar.
Animation.timelineObtém ou define a
timelineassociada a essa animação.
Métodos
Animation.cancel()Limpa todos os
keyframeEffectscausados 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
| Specification |
|---|
| Web Animations> # the-animation-interface> |