From 074785cea106179cb3305637055ab0a009ca74f2 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:42:52 -0500 Subject: initial commit --- files/pt-br/web/api/animation/index.html | 171 +++++++++++++++++++++++++++++++ 1 file changed, 171 insertions(+) create mode 100644 files/pt-br/web/api/animation/index.html (limited to 'files/pt-br/web/api/animation/index.html') diff --git a/files/pt-br/web/api/animation/index.html b/files/pt-br/web/api/animation/index.html new file mode 100644 index 0000000000..09d2f0091c --- /dev/null +++ b/files/pt-br/web/api/animation/index.html @@ -0,0 +1,171 @@ +--- +title: Animation +slug: Web/API/Animation +tags: + - API + - Animations + - Experimental + - Interface + - NeedsTranslation + - Reference + - TopicStub + - Web Animations + - waapi + - web animation api +translation_of: Web/API/Animation +--- +

{{ APIRef("Web Animations API") }}{{SeeCompatTable}}

+ +

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

+ +
+
{{domxref("Animation.Animation()", "Animation()")}}
+
Cria uma nova instância do objeto Animation.
+
+ +

Propriedades

+ +
+
{{domxref("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 {{domxref("AnimationTimeline", "timeline")}}, está inativa ou ainda não foi executada, este valor é null.
+
+ +
+
{{domxref("Animation.effect")}}
+
Obtém e define o {{domxref("KeyframeEffect")}} associado a essa animação.
+
{{domxref("Animation.finished")}} {{readOnlyInline}}
+
Retorna a Primise de finalização atual para essa animação.
+
+ +
+
{{domxref("Animation.id")}}
+
Obtém e define a String usada para identificar a animação.
+
{{domxref("Animation.oncancel")}}
+
Obtém e define o manipulador para o evento cancel.
+
{{domxref("Animation.onfinish")}}
+
Obtém e define o manipulador para o evento finish.
+
{{domxref("Animation.playState")}} {{readOnlyInline}}
+
Retorna um valor enumerado descrevendo o estado de execução de uma animação.
+
+ +
+
{{domxref("Animation.playbackRate")}}
+
Obtém ou define a taxa de execução da animação.
+
+ +
+
{{domxref("Animation.ready")}} {{readOnlyInline}}
+
Retorna a promessa atual para quando essa animação estiver pronta.
+
+ +
+
{{domxref("Animation.startTime")}}
+
Obtém ou define o tempo agendado quando a execução de uma animação deve começar.
+
+ +
+
{{domxref("Animation.timeline")}}
+
Obtém ou define a {{domxref("AnimationTimeline", "timeline")}} associada a essa animação.
+
+ +

Métodos

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

Especificações

+ + + + + + + + + + + + + + +
EspecificaçãoEstadoComentário
{{SpecName("Web Animations", "#the-animation-interface", "Animation")}}{{Spec2("Web Animations")}}Definição inicial
+ +

Compatibilidade com navegadores

+ +
{{CompatibilityTable}}
+ +
+ + + + + + + + + + + + + + + + + + + +
RecursoChromeFirefox (Gecko)Internet ExplorerOperaSafari (WebKit)
Suporte básico{{CompatChrome(39.0)}} [1]{{CompatGeckoDesktop(40.0)}} [2]{{CompatNo}}{{CompatNo}}{{CompatNo}}
+
+ +
+ + + + + + + + + + + + + + + + + + + +
RecursoAndroidFirefox Mobile (Gecko)IE PhoneOpera MobileSafari Mobile
Suporte básico{{CompatVersionUnknown}} [1]{{CompatGeckoDesktop(40.0)}} [2]{{CompatNo}}{{CompatNo}}{{CompatNo}}
+
+ +

[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.

+ +

 

-- cgit v1.2.3-54-g00ecf