diff options
author | MDN <actions@users.noreply.github.com> | 2021-08-20 00:45:20 +0000 |
---|---|---|
committer | MDN <actions@users.noreply.github.com> | 2021-08-20 00:45:20 +0000 |
commit | 1e94ef3226c32ae8868ffaa9c3b3aa96293cbaa9 (patch) | |
tree | 0a73ddaa242a1039c1681c841dc027d09a81620c /files/pt-br/conflicting | |
parent | 4b6c351b578c8889e2bce36d342985f24ecc34a5 (diff) | |
download | translated-content-1e94ef3226c32ae8868ffaa9c3b3aa96293cbaa9.tar.gz translated-content-1e94ef3226c32ae8868ffaa9c3b3aa96293cbaa9.tar.bz2 translated-content-1e94ef3226c32ae8868ffaa9c3b3aa96293cbaa9.zip |
[CRON] sync translated content
Diffstat (limited to 'files/pt-br/conflicting')
-rw-r--r-- | files/pt-br/conflicting/web/api/animationevent/animationevent/index.html | 135 |
1 files changed, 135 insertions, 0 deletions
diff --git a/files/pt-br/conflicting/web/api/animationevent/animationevent/index.html b/files/pt-br/conflicting/web/api/animationevent/animationevent/index.html new file mode 100644 index 0000000000..9227514b83 --- /dev/null +++ b/files/pt-br/conflicting/web/api/animationevent/animationevent/index.html @@ -0,0 +1,135 @@ +--- +title: AnimationEvent.initAnimationEvent() +slug: conflicting/Web/API/AnimationEvent/AnimationEvent +tags: + - AnimationEvent + - Apps + - CSSOM + - Método(2) + - Não-padrão + - Obsolento + - Web Animations +translation_of: Web/API/AnimationEvent/initAnimationEvent +original_slug: Web/API/AnimationEvent/initAnimationEvent +--- +<p>{{obsolete_header}}{{non-standard_header}}{{ apiref("Web Animations API") }}</p> + +<h2 id="Sumário">Sumário</h2> + +<p>O <code><strong>AnimationEvent.initAnimationEvent() </strong></code>é um método iniciado com o evento da animção criando um depreciativo {{domxref("Document.createEvent()", "Document.createEvent(\"AnimationEvent\")")}} método.</p> + +<p><code>AnimationEvent</code> criado desse modo não é confiável.</p> + +<div class="note"> +<p><strong>Note:</strong> Durante o processo de padronização, esse método foi removido das especificações. É que ele foi depreciado e esse processo foi removido da maioria das implementações . <strong>Não use este método</strong>; ao invés, use o construtor padrão, {{domxref("AnimationEvent.AnimationEvent", "AnimationEvent()")}}, para criar um sintético {{domxref("AnimationEvent")}}.</p> +</div> + +<h2 id="Syntax">Syntax</h2> + +<pre class="syntaxbox"><em>animationEvent</em>.initAnimationEvent(<em>typeArg</em>, <em>canBubbleArg</em>, <em>cancelableArg</em>, <em>animationNameArg</em>, <em>elapsedTimeArg</em>);</pre> + +<h3 id="Parâmetros">Parâmetros</h3> + +<dl> + <dt><code>typeArg</code></dt> + <dd>Um {{domxref("DOMString")}} identificado com um tipo específico de evento animação que ocorreu. Os seguintes valores são aceitados: + <table class="standard-table"> + <thead> + <tr> + <th scope="col">Valor</th> + <th scope="col">Significado</th> + </tr> + </thead> + <tbody> + <tr> + <td><code>animationstart</code></td> + <td>A animação começou.</td> + </tr> + <tr> + <td><code>animationend</code></td> + <td>A animação terminou.</td> + </tr> + <tr> + <td><code>animationiteration</code></td> + <td>A iteração corrente se completou.</td> + </tr> + </tbody> + </table> + </dd> + <dt><code>canBubbleArg</code></dt> + <dd>Uma {{domxref("Boolean")}} bandeira indicando se o evento pode ser bolha (<code>true</code>) ou não (<code>false)</code>.</dd> + <dt><code>cancelableArg</code></dt> + <dd>Uma {{domxref("Boolean")}} bandeira indicando se o evento associado pode ser evitado (<code>true</code>) ou não (<code>false)</code>.</dd> + <dt><code>animationNameArg</code></dt> + <dd>Um {{domxref("DOMString")}} contendo o valor do{{cssxref("animation-name")}} propriedade CSS associada com a transição.</dd> + <dt><code>elapsedTimeArg</code></dt> + <dd>Um ponto flutuante indicando a quantidade de tempo que a animação esteve rodando, em segundos, com o tempo do evento terminar, excluirá-se o tempo em que a animação esteve em pausa.Para um <code>"animationstart"</code> evento, <code>elapsedTime</code> é <code>0.0</code> a não ser que haja um valor negativo para <code><a href="https://developer.mozilla.org/en-US/docs/Web/CSS/animation-delay" title="The animation-delay CSS property specifies when the animation should start. This lets the animation sequence begin some time after it's applied to an element.">animation-delay</a></code>, nesse caso o evento irá terminar com <code>elapsedTime</code> contendo <code>(-1 * </code><em>delay</em><code>)</code>.</dd> +</dl> + +<h2 id="Especificações">Especificações</h2> + +<p><em>Esse método é não-padrão e não é parte de qualquer especificação, no entanto ele esteve presente nos primeiros rascunhos de {{SpecName("CSS3 Animations")}}.</em></p> + +<h2 id="Browser_compatibility">Compatibilidade com navegadores</h2> + +<p>{{ CompatibilityTable }}</p> + +<div id="compat-desktop"> +<table class="compat-table"> + <tbody> + <tr> + <th>Característica</th> + <th>Chrome</th> + <th>Firefox (Gecko)</th> + <th>Internet Explorer</th> + <th>Opera</th> + <th>Safari</th> + </tr> + <tr> + <td>Basic support</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{ CompatGeckoDesktop("6.0") }}<br> + Removed in {{ CompatGeckoDesktop("23.0") }}</td> + <td>10.0</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + </tr> + </tbody> +</table> + +<p> </p> + +<p> </p> +</div> + +<div id="compat-mobile"> +<table class="compat-table"> + <tbody> + <tr> + <th>Característica</th> + <th>Android</th> + <th>Firefox Mobile (Gecko)</th> + <th>IE Mobile</th> + <th>Opera Mobile</th> + <th>Safari Mobile</th> + </tr> + <tr> + <td>Basic support</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{ CompatGeckoMobile("6.0") }}<br> + Removed in {{ CompatGeckoMobile("23.0") }}</td> + <td>10.0</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + </tr> + </tbody> +</table> +</div> + +<h2 id="See_also">See also</h2> + +<ul> + <li><a href="https://developer.mozilla.org/en-US/docs/CSS/Using_CSS_animations">Using CSS animations</a></li> + <li>Animation-related CSS properties and at-rules: {{cssxref("animation")}}, {{cssxref("animation-delay")}}, {{cssxref("animation-direction")}}, {{cssxref("animation-duration")}}, {{cssxref("animation-fill-mode")}}, {{cssxref("animation-iteration-count")}}, {{cssxref("animation-name")}}, {{cssxref("animation-play-state")}}, {{cssxref("animation-timing-function")}}, {{cssxref("@keyframes")}}.</li> + <li>The {{domxref("AnimationEvent")}} interface it belongs to.</li> +</ul> |