1 files changed, 89 insertions, 108 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")}}