diff options
Diffstat (limited to 'files/fr')
| -rw-r--r-- | files/fr/web/api/web_animations_api/index.html | 89 |
1 files changed, 47 insertions, 42 deletions
diff --git a/files/fr/web/api/web_animations_api/index.html b/files/fr/web/api/web_animations_api/index.html index fac19092e5..0b64fa7a75 100644 --- a/files/fr/web/api/web_animations_api/index.html +++ b/files/fr/web/api/web_animations_api/index.html @@ -1,78 +1,83 @@ --- title: Web Animations API slug: Web/API/Web_Animations_API +tags: + - API + - Animation + - Reference + - Web Animations translation_of: Web/API/Web_Animations_API --- -<p><font><font>{{DefaultAPISidebar ("Web Animations")}}</font></font></p> +<p>{{DefaultAPISidebar("Web Animations")}}</p> -<p><font><font>L' </font></font><strong><font><font>API Web Animations</font></font></strong><font><font> permet de synchroniser et de chronométrer les changements de présentation d'une page Web, c'est-à-dire l'animation d'éléments DOM. </font><font>Pour ce faire, il combine deux modèles: le modèle de synchronisation et le modèle d'animation.</font></font></p> +<p>L'<strong>API Web Animations</strong> permet de synchroniser et de chronométrer les changements de présentation d'une page Web, c'est-à-dire l'animation d'éléments DOM. Pour ce faire, il combine deux modèles : le modèle de synchronisation et le modèle d'animation.</p> -<h2 id="Concepts_et_utilisation"><font><font>Concepts et utilisation</font></font></h2> +<h2 id="Concepts_et_utilisation">Concepts et utilisation</h2> -<p><font><font>L'API Web Animations fournit un langage commun aux navigateurs et aux développeurs pour décrire les animations sur les éléments DOM. </font><font>Pour obtenir plus d'informations sur les concepts derrière l'API et comment l'utiliser, lisez </font></font><a href="/en-US/docs/Web/API/Web_Animations_API/Using_the_Web_Animations_API"><font><font>Utilisation de l'API Web Animations</font></font></a><font><font> .</font></font></p> +<p>L'API Web Animations fournit un langage commun aux navigateurs et aux développeurs pour décrire les animations sur les éléments DOM. Pour obtenir plus d'informations sur les concepts derrière l'API et comment l'utiliser, lisez <a href="/fr/docs/Web/API/Web_Animations_API/Using_the_Web_Animations_API">Utilisation de l'API Web Animations</a>.</p> -<h2 id="Interfaces_danimations_Web"><font><font>Interfaces d'animations Web</font></font></h2> +<h2 id="Interfaces_danimations_Web">Interfaces d'animations Web</h2> <dl> - <dt><font><font>{{domxref ("Animation")}}</font></font></dt> - <dd><font><font>Fournit des commandes de lecture et une chronologie pour un nœud ou une source d'animation. </font><font>Peut prendre un objet créé avec le constructeur {{domxref ( "KeyframeEffect.KeyframeEffect", "KeyframeEffect ()")}}.</font></font></dd> - <dt><font><font>{{domxref ("KeyframeEffect")}}</font></font></dt> - <dd><font><font>Décrit des ensembles de propriétés et de valeurs animables, appelées </font></font><strong><font><font>images clés</font></font></strong><font><font> et leurs </font></font><a href="/en-US/docs/Web/API/Web_Animations_API/Animation_timing_options"><font><font>options de minutage</font></font></a><font><font> . </font><font>Ceux-ci peuvent ensuite être lus en utilisant le constructeur {{domxref ("Animation.Animation", "Animation ()")}}.</font></font></dd> - <dt><font><font>{{domxref ("AnimationTimeline")}}</font></font></dt> - <dd><font><font>Représente la chronologie de l'animation. </font><font>Cette interface existe pour définir les fonctionnalités de la chronologie (héritées par {{domxref ("DocumentTimeline")}} et les futurs objets de chronologie) et n'est pas elle-même accessible par les développeurs.</font></font></dd> - <dt><font><font>{{domxref ("AnimationEvent")}}</font></font></dt> - <dd><font><font>Fait actuellement partie des animations CSS.</font></font></dd> - <dt><font><font>{{domxref ("DocumentTimeline")}}</font></font></dt> - <dd><font><font>Représente les chronologies d'animation, y compris la chronologie du document par défaut (accessible à l'aide de la propriété {{domxref ("Document.timeline")}}).</font></font></dd> - <dt><font><font>{{domxref ("EffectTiming")}}</font></font></dt> - <dd><font><font>{{domxref ("Element.animate ()")}}, {{domxref ("KeyframeEffectReadOnly.KeyframeEffectReadOnly ()")}} et {{domxref ("KeyframeEffect.KeyframeEffect ()")}} acceptent tous un dictionnaire facultatif objet des propriétés de synchronisation.</font></font></dd> + <dt>{{domxref("Animation")}}</dt> + <dd>Fournit des commandes de lecture et une chronologie pour un nœud ou une source d'animation. Peut prendre un objet créé avec le constructeur {{domxref("KeyframeEffect.KeyframeEffect", "KeyframeEffect()")}}.</dd> + <dt>{{domxref("KeyframeEffect")}}</dt> + <dd>Décrit des ensembles de propriétés et de valeurs animables, appelées <strong>images clés</strong> (<em>keyframes</em>) et leurs <a href="/en-US/docs/Web/API/Web_Animations_API/Animation_timing_options">options de minutage</a> . Ceux-ci peuvent ensuite être lus en utilisant le constructeur {{domxref("Animation.Animation", "Animation()")}}.</dd> + <dt>{{domxref("AnimationTimeline")}}</dt> + <dd>Représente la chronologie de l'animation. Cette interface existe pour définir les fonctionnalités de la chronologie (héritées par {{domxref("DocumentTimeline")}} et les futurs objets de chronologie) et n'est pas elle-même accessible par les développeurs.</dd> + <dt>{{domxref("AnimationEvent")}}</dt> + <dd>Fait actuellement partie des animations CSS.</dd> + <dt>{{domxref("DocumentTimeline")}}</dt> + <dd>Représente les chronologies d'animation, y compris la chronologie du document par défaut (accessible à l'aide de la propriété {{domxref("Document.timeline")}}).</dd> + <dt>{{domxref("EffectTiming")}}</dt> + <dd>{{domxref("Element.animate()")}}, {{domxref("KeyframeEffectReadOnly.KeyframeEffectReadOnly()")}} et {{domxref("KeyframeEffect.KeyframeEffect()")}} acceptent tous un dictionnaire facultatif objet des propriétés de synchronisation.</dd> </dl> -<h2 id="Extensions_à_dautres_interfaces"><font><font>Extensions à d'autres interfaces</font></font></h2> +<h2 id="Extensions_à_dautres_interfaces">Extensions à d'autres interfaces</h2> -<p><font><font>L'API Web Animations ajoute de nouvelles fonctionnalités à {{domxref ("document")}} et {{domxref ("element")}}.</font></font></p> +<p>L'API Web Animations ajoute de nouvelles fonctionnalités à {{domxref("document")}} et {{domxref("element")}}.</p> -<h3 id="Extensions_à_l_Documentinterface"><font><font>Extensions à l' </font></font><code>Document</code><font><font>interface</font></font></h3> +<h3 id="Extensions_à_linterface_Document">Extensions à l'interface <code>Document</code></h3> <dl> - <dt><font><font>{{domxref ("document.timeline")}}</font></font></dt> - <dd><font><font>L' </font></font><code>DocumentTimeline</code><font><font>objet représentant la chronologie du document par </font><font>défaut.</font></font></dd> - <dt><font><font>{{domxref ("document.getAnimations ()")}}</font></font></dt> - <dd><font><font>Renvoie un tableau d'objets {{domxref ("Animation")}} actuellement en vigueur sur les éléments du </font></font><code>document</code><font><font>.</font></font></dd> + <dt>{{domxref("document.timeline")}}</dt> + <dd>L'objet <code>DocumentTimeline</code> représentant la chronologie du document par défaut.</dd> + <dt>{{domxref("document.getAnimations()")}}</dt> + <dd>Renvoie un tableau d'objets {{domxref("Animation")}} actuellement en vigueur sur les éléments du <code>document</code>.</dd> <dt> - <h3 id="Extensions_à_l_Elementinterface"><font><font>Extensions à l' </font></font><code>Element</code><font><font>interface</font></font></h3> + <h3 id="Extensions_à_linterface_Element">Extensions à l'interface <code>Element</code></h3> </dt> - <dt><font><font>{{domxref ("Element.animate ()")}}</font></font></dt> - <dd><font><font>Une méthode de raccourci pour créer et lire une animation sur un élément. </font><font>Il renvoie l'instance d'objet {{domxref ("Animation")}} créée.</font></font></dd> - <dt><font><font>{{domxref ("Element.getAnimations ()")}}</font></font></dt> - <dd><font><font>Renvoie un tableau d'objets {{domxref ("Animation")}} affectant actuellement un élément ou qui sont programmés pour le faire à l'avenir.</font></font></dd> + <dt>{{domxref("Element.animate()")}}</dt> + <dd>Une méthode de raccourci pour créer et lire une animation sur un élément. Il renvoie l'instance d'objet {{domxref("Animation")}} créée.</dd> + <dt>{{domxref("Element.getAnimations()")}}</dt> + <dd>Renvoie un tableau d'objets {{domxref("Animation")}} affectant actuellement un élément ou qui sont programmés pour le faire à l'avenir.</dd> </dl> -<h2 id="Caractéristiques"><font><font>Caractéristiques</font></font></h2> +<h2 id="Spécifications">Spécifications</h2> <table class="standard-table"> <tbody> <tr> - <th scope="col"><font><font>spécification</font></font></th> - <th scope="col"><font><font>Statut</font></font></th> - <th scope="col"><font><font>Commentaire</font></font></th> + <th scope="col">Spécification</th> + <th scope="col">Statut</th> + <th scope="col">Commentaire</th> </tr> <tr> - <td><font><font>{{SpecName ('Web Animations')}}</font></font></td> - <td><font><font>{{Spec2 ('Web Animations')}}</font></font></td> - <td><font><font>Définition initiale</font></font></td> + <td>{{SpecName('Web Animations')}}</td> + <td>{{Spec2('Web Animations')}}</td> + <td>Définition initiale</td> </tr> </tbody> </table> -<h2 id="Voir_également"><font><font>Voir également</font></font></h2> +<h2 id="Voir_aussi">Voir aussi</h2> <ul> - <li><a href="/en-US/docs/Web/API/Web_Animations_API/Using_the_Web_Animations_API"><font><font>Utilisation de l'API Web Animations</font></font></a></li> - <li><a href="https://mozdevs.github.io/Animation-examples/"><font><font>Démos d'animations Web</font></font></a></li> - <li><a href="https://github.com/web-animations/web-animations-js"><font><font>Polyfill</font></font></a></li> - <li><font><a href="https://birtles.github.io/areweanimatedyet/"><font>Implémentation</font></a><font> actuelle de Firefox: </font></font><a href="https://birtles.github.io/areweanimatedyet/"><font><font>AreWeAnimatedYet</font></font></a></li> + <li><a href="/en-US/docs/Web/API/Web_Animations_API/Using_the_Web_Animations_API">Utilisation de l'API Web Animations</a></li> + <li><a href="https://mozdevs.github.io/Animation-examples/">Démos d'animations web</a></li> + <li><a href="https://github.com/web-animations/web-animations-js">Polyfill / Prothèse d'implémentation</a></li> + <li><a href="https://birtles.github.io/areweanimatedyet/">Implémentation</a> actuelle de Firefox : <a href="https://birtles.github.io/areweanimatedyet/">AreWeAnimatedYet</a></li> <li> - <p><a href="http://codepen.io/danwilson/pen/xGBKVq"><font><font>Test de prise en charge du navigateur</font></font></a></p> + <p><a href="http://codepen.io/danwilson/pen/xGBKVq">Test de prise en charge du navigateur</a></p> </li> </ul> |