aboutsummaryrefslogtreecommitdiff
path: root/files/fr/web/api/animation
diff options
context:
space:
mode:
authorjulieng <julien.gattelier@gmail.com>2021-10-02 17:20:24 +0200
committerSphinxKnight <SphinxKnight@users.noreply.github.com>2021-10-02 17:30:20 +0200
commit1407c8fdef01ecd0ffb8a8bd46e7113f119b9fde (patch)
tree30a56efd3eff3a01bd1611e1840fdbbfacf544a4 /files/fr/web/api/animation
parentc05efa8d7ae464235cf83d7c0956e42dc6974103 (diff)
downloadtranslated-content-1407c8fdef01ecd0ffb8a8bd46e7113f119b9fde.tar.gz
translated-content-1407c8fdef01ecd0ffb8a8bd46e7113f119b9fde.tar.bz2
translated-content-1407c8fdef01ecd0ffb8a8bd46e7113f119b9fde.zip
convert content to md
Diffstat (limited to 'files/fr/web/api/animation')
-rw-r--r--files/fr/web/api/animation/index.md197
-rw-r--r--files/fr/web/api/animation/starttime/index.md29
2 files changed, 101 insertions, 125 deletions
diff --git a/files/fr/web/api/animation/index.md b/files/fr/web/api/animation/index.md
index d2a3f61044..d8e34a9cdb 100644
--- a/files/fr/web/api/animation/index.md
+++ b/files/fr/web/api/animation/index.md
@@ -12,111 +12,92 @@ tags:
- web animation api
translation_of: Web/API/Animation
---
-<p>{{ APIRef("Web Animations API") }}{{SeeCompatTable}}</p>
-
-<p>L'interface <strong><code>Animation</code></strong> de <a href="/en-US/docs/Web/API/Web_Animations_API">l'API Web Animations</a> correspond à un lecteur d'animations et offre les commandes nécessaires au contrôle et à la chronologie d'un noeud ou d'une source d'animation.</p>
-
-<h2 id="Constructeur">Constructeur</h2>
-
-<dl>
- <dt>{{domxref("Animation.Animation()", "Animation()")}}</dt>
- <dd>Crée une nouvelle instance de l'objet <code>Animation</code>.</dd>
-</dl>
-
-<h2 id="Propriétés">Propriétés</h2>
-
-<dl>
- <dt>{{domxref("Animation.currentTime")}}</dt>
- <dd>La valeur actuelle de temps de l'animation en millisecondes, que l'animation soit en pause ou en cours. Si l'animation ne possède pas de {{domxref("AnimationTimeline", "timeline")}}, est inactive ou n'a toujours pas été lancée, la valeur est <code>null</code>.</dd>
-</dl>
-
-<dl>
- <dt>{{domxref("Animation.effect")}}</dt>
- <dd>Récupère et défini le {{domxref("KeyframeEffect")}} associé à cette animation.</dd>
- <dt>{{domxref("Animation.finished")}} {{readOnlyInline}}</dt>
- <dd>Retourne la <code>Promise </code>terminée en cours pour cette animation.</dd>
-</dl>
-
-<dl>
- <dt>{{domxref("Animation.id")}}</dt>
- <dd>Récupère et défini le <code>String</code> utilisé pour identifier l'animation.</dd>
- <dt>{{domxref("Animation.playState")}} {{readOnlyInline}}</dt>
- <dd>Retourne une valeur énumérée qui décit l'état de lecture de l'animation.</dd>
-</dl>
-
-<dl>
- <dt>{{domxref("Animation.playbackRate")}}</dt>
- <dd>Retourne et défini la fréquence de lecture de l'animation.</dd>
-</dl>
-
-<dl>
- <dt>{{domxref("Animation.ready")}} {{readOnlyInline}}</dt>
- <dd>Retourne la <code>Promise </code>prête en cours pour l'animation.</dd>
-</dl>
-
-<dl>
- <dt>{{domxref("Animation.startTime")}}</dt>
- <dd>Retourne et défini le moment prévu auquel la lecture de l'animation devrait commencer.</dd>
-</dl>
-
-<dl>
- <dt>{{domxref("Animation.timeline")}}</dt>
- <dd>Retourne et défini la {{domxref("AnimationTimeline", "timeline")}} associée à cette animation.</dd>
-</dl>
-
-<h3 id="Gestionnaire_d'événements">Gestionnaire d'événements</h3>
-
-<dl>
- <dt>{{domxref("Animation.oncancel")}}</dt>
- <dd>Retourne et défini le gestionnaire d'événement pour l'événement <code>cancel </code>(annuler).</dd>
- <dt>{{domxref("Animation.onfinish")}}</dt>
- <dd>Retourne et défini le gestionnaire d'événement pour l'événement <code>finish</code> (terminer).</dd>
-</dl>
-
-<h2 id="Méthodes">Méthodes</h2>
-
-<dl>
- <dt>{{domxref("Animation.cancel()")}}</dt>
- <dd>Supprime toutes les {{domxref("KeyframeEffect", "keyframeEffects")}} dues à cette animation et interomp la lecture.</dd>
-</dl>
-
-<dl>
- <dt>{{domxref("Animation.finish()")}}</dt>
- <dd>Cherche la fin de l'animation, en fonction que l'animation soit en lecture normale ou inversée.</dd>
-</dl>
-
-<dl>
- <dt>{{domxref("Animation.pause()")}}</dt>
- <dd>Suspend la lecture de l'animation.</dd>
-</dl>
-
-<dl>
- <dt>{{domxref("Animation.play()")}}</dt>
- <dd>Démarre ou reprend la lecture de l'animation, ou redémarre l'animation au début si celle-ci est déjà terminée.</dd>
-</dl>
-
-<dl>
- <dt>{{domxref("Animation.reverse()")}}</dt>
- <dd>Inverse la direction de lecture, en s'arrêtant au début de l'animation. Si l'animation est terminée ou annulée, elle sera jouée de la fin vers le début.</dd>
-</dl>
-
-<h2 id="Spécifications">Spécifications</h2>
-
-<table class="standard-table">
- <tbody>
- <tr>
- <th scope="col">Spécification</th>
- <th scope="col">État</th>
- <th scope="col">Commentaire</th>
- </tr>
- <tr>
- <td>{{SpecName("Web Animations", "#the-animation-interface", "Animation")}}</td>
- <td>{{Spec2("Web Animations")}}</td>
- <td>Définition initiale</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2>
-
-<p>{{Compat("api.Animation")}}</p> \ No newline at end of file
+{{ APIRef("Web Animations API") }}{{SeeCompatTable}}
+
+L'interface **`Animation`** de [l'API Web Animations](/en-US/docs/Web/API/Web_Animations_API) correspond à un lecteur d'animations et offre les commandes nécessaires au contrôle et à la chronologie d'un noeud ou d'une source d'animation.
+
+## Constructeur
+
+- {{domxref("Animation.Animation()", "Animation()")}}
+ - : Crée une nouvelle instance de l'objet `Animation`.
+
+## Propriétés
+
+- {{domxref("Animation.currentTime")}}
+ - : La valeur actuelle de temps de l'animation en millisecondes, que l'animation soit en pause ou en cours. Si l'animation ne possède pas de {{domxref("AnimationTimeline", "timeline")}}, est inactive ou n'a toujours pas été lancée, la valeur est `null`.
+
+<!---->
+
+- {{domxref("Animation.effect")}}
+ - : Récupère et défini le {{domxref("KeyframeEffect")}} associé à cette animation.
+- {{domxref("Animation.finished")}} {{readOnlyInline}}
+ - : Retourne la `Promise `terminée en cours pour cette animation.
+
+<!---->
+
+- {{domxref("Animation.id")}}
+ - : Récupère et défini le `String` utilisé pour identifier l'animation.
+- {{domxref("Animation.playState")}} {{readOnlyInline}}
+ - : Retourne une valeur énumérée qui décit l'état de lecture de l'animation.
+
+<!---->
+
+- {{domxref("Animation.playbackRate")}}
+ - : Retourne et défini la fréquence de lecture de l'animation.
+
+<!---->
+
+- {{domxref("Animation.ready")}} {{readOnlyInline}}
+ - : Retourne la `Promise `prête en cours pour l'animation.
+
+<!---->
+
+- {{domxref("Animation.startTime")}}
+ - : Retourne et défini le moment prévu auquel la lecture de l'animation devrait commencer.
+
+<!---->
+
+- {{domxref("Animation.timeline")}}
+ - : Retourne et défini la {{domxref("AnimationTimeline", "timeline")}} associée à cette animation.
+
+### Gestionnaire d'événements
+
+- {{domxref("Animation.oncancel")}}
+ - : Retourne et défini le gestionnaire d'événement pour l'événement `cancel `(annuler).
+- {{domxref("Animation.onfinish")}}
+ - : Retourne et défini le gestionnaire d'événement pour l'événement `finish` (terminer).
+
+## Méthodes
+
+- {{domxref("Animation.cancel()")}}
+ - : Supprime toutes les {{domxref("KeyframeEffect", "keyframeEffects")}} dues à cette animation et interomp la lecture.
+
+<!---->
+
+- {{domxref("Animation.finish()")}}
+ - : Cherche la fin de l'animation, en fonction que l'animation soit en lecture normale ou inversée.
+
+<!---->
+
+- {{domxref("Animation.pause()")}}
+ - : Suspend la lecture de l'animation.
+
+<!---->
+
+- {{domxref("Animation.play()")}}
+ - : Démarre ou reprend la lecture de l'animation, ou redémarre l'animation au début si celle-ci est déjà terminée.
+
+<!---->
+
+- {{domxref("Animation.reverse()")}}
+ - : Inverse la direction de lecture, en s'arrêtant au début de l'animation. Si l'animation est terminée ou annulée, elle sera jouée de la fin vers le début.
+
+## Spécifications
+
+| Spécification | État | Commentaire |
+| ------------------------------------------------------------------------------------------------ | ------------------------------------ | ------------------- |
+| {{SpecName("Web Animations", "#the-animation-interface", "Animation")}} | {{Spec2("Web Animations")}} | Définition initiale |
+
+## Compatibilité des navigateurs
+
+{{Compat("api.Animation")}}
diff --git a/files/fr/web/api/animation/starttime/index.md b/files/fr/web/api/animation/starttime/index.md
index 48d8361bf8..9ea48fff52 100644
--- a/files/fr/web/api/animation/starttime/index.md
+++ b/files/fr/web/api/animation/starttime/index.md
@@ -11,30 +11,25 @@ tags:
translation_of: Web/API/Window/mozAnimationStartTime
original_slug: Web/API/Window/mozAnimationStartTime
---
-<p>{{APIRef("Mozilla Extensions")}}{{Non-standard_Header}}{{Obsolete_Header("Gecko42")}}</p>
+{{APIRef("Mozilla Extensions")}}{{Non-standard_Header}}{{Obsolete_Header("Gecko42")}}
-<p>Renvoie l'heure, en millisecondes depuis l'époque, à laquelle les animations ont commencé maintenant doivent être considérées comme ayant commencé. Cette valeur doit être utilisée à la place, par exemple, <code><a href="/en/JavaScript/Reference/Global_Objects/Date/now">Date.now()</a></code>, car cette valeur sera la même pour toutes les animations lancées dans cette fenêtre pendant cet intervalle d'actualisation, leur permettant de rester synchronisées les unes avec les autres.</p>
+Renvoie l'heure, en millisecondes depuis l'époque, à laquelle les animations ont commencé maintenant doivent être considérées comme ayant commencé. Cette valeur doit être utilisée à la place, par exemple, [`Date.now()`](/en/JavaScript/Reference/Global_Objects/Date/now), car cette valeur sera la même pour toutes les animations lancées dans cette fenêtre pendant cet intervalle d'actualisation, leur permettant de rester synchronisées les unes avec les autres.
-<p>Cela permet également aux animations basées sur JavaScript de rester synchronisées avec les transitions CSS et les animations SMIL déclenchées pendant le même intervalle d'actualisation.</p>
+Cela permet également aux animations basées sur JavaScript de rester synchronisées avec les transitions CSS et les animations SMIL déclenchées pendant le même intervalle d'actualisation.
-<h2 id="Syntax">Syntaxe</h2>
+## Syntaxe
-<pre class="eval"><em>time</em> = window.mozAnimationStartTime;
-</pre>
+ time = window.mozAnimationStartTime;
-<h3 id="Parameters">Paramètres</h3>
+### Paramètres
-<ul>
- <li><em><code>time</code></em> est le temps en millisecondes depuis l'époque à laquelle les animations de la fenêtre actuelle doivent être considérées comme ayant démarré.</li>
-</ul>
+- _`time`_ est le temps en millisecondes depuis l'époque à laquelle les animations de la fenêtre actuelle doivent être considérées comme ayant démarré.
-<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2>
+## Compatibilité des navigateurs
-<p>{{Compat("api.Window.mozAnimationStartTime")}}</p>
+{{Compat("api.Window.mozAnimationStartTime")}}
-<h2 id="Voir_également">Voir également</h2>
+## Voir également
-<ul>
- <li>{{domxref("window.mozRequestAnimationFrame()")}}</li>
- <li>{{domxref("window.onmozbeforepaint")}}</li>
-</ul>
+- {{domxref("window.mozRequestAnimationFrame()")}}
+- {{domxref("window.onmozbeforepaint")}}