From 6772831200d14c2436aea2d0c837f40dbf12156f Mon Sep 17 00:00:00 2001 From: SphinxKnight Date: Sun, 26 Sep 2021 13:11:47 +0200 Subject: Prepare Web API section for Markdown conversion (#2464) * Remove summary classes and ids * Remove unecessary hidden * Remove useless span filled with useless attributes / ids * Remove useless font * Remove notranslate * Remove id in other elements than headings * Remove name attributes * Remove 
 for JS w/ language-js class

* Remove 
 for HTML w/ language-html class

* Remove 
 for other lang w/ language-* class

* Rm highlighted line in code samples

* fix links, internal, external, absolute URLs

* missing file from last commit

* Fix styles errors apart from table + some classes

* Fix notes and warnings (+ some other :x)

* fix typo during merge which broke a doc

* aand forgot a conflict

* fix remaining classes of errors except dls and images

* Fix dls

* Fix images (deki/mozillademos) and remaining style issues

* Remove script tag from svg file

* Remove script tag from svg fileS

* Compress SVG files for CI
---
 files/fr/web/api/element/animate/index.html | 21 ++++++++-------------
 1 file changed, 8 insertions(+), 13 deletions(-)

(limited to 'files/fr/web/api/element/animate')

diff --git a/files/fr/web/api/element/animate/index.html b/files/fr/web/api/element/animate/index.html
index 52da07fd40..acdf64b4b6 100644
--- a/files/fr/web/api/element/animate/index.html
+++ b/files/fr/web/api/element/animate/index.html
@@ -10,32 +10,29 @@ translation_of: Web/API/Element/animate
 
La méthode Element.animate() est un raccourci permettant de créer et jouer une animation sur un élément. Elle retourne l'instance de type {{domxref("Animation")}} alors créée.

 
 

-
Les éléments peuvent avoir plusieurs animations. Vous pouvez obtenir une liste des animations qui affectent un élément en appelant {{domxref("Element.getAnimations()")}}.

+
Note : Les éléments peuvent avoir plusieurs animations. Vous pouvez obtenir une liste des animations qui affectent un élément en appelant {{domxref("Element.getAnimations()")}}.

 

 
 
Syntaxe

 
-

 
element.animate(keyframes, options); 

-

 
 
Paramèters

 
 

  
keyframes

- 

- 
Un objet formatté représentant un ensemble de keyframes.

- 

+ 
Un objet formatté représentant un ensemble de keyframes.

  
options

- 
Un nombre entier (Integer) représentant la durée de l'animation (en millisecondes), ou un objet (Object) contenant une ou plusieurs propriétés de timing: 

- 

+ 
Un nombre entier (Integer) représentant la durée de l'animation (en millisecondes), ou un objet (Object) contenant une ou plusieurs propriétés de timing:

  

   
id {{optional_inline}}

-  
Une propriété unique pour animate(): une DOMString qui permet de référencer l'animation.

+  
Une propriété unique pour animate(): une DOMString qui permet de référencer l'animation.

  

- {{Page("/en-US/docs/Web/API/Web_Animations_API/Animation_timing_properties", "Properties")}}

+ 
 

 
+
{{Page("/en-US/docs/Web/API/Web_Animations_API/Animation_timing_properties", "Properties")}}

+
 
Options à venir

 
 
Les options suivantes n'ont pas encore été implémentées, mais seront ajoutées dans un futur proche.

@@ -52,13 +49,11 @@ translation_of: Web/API/Element/animate
  
iterationComposite {{optional_inline}}

  
Détermine comment les valeurs se construisent, d'itération en itération, dans une même animation. Peut être définie par accumulate ou replace (voir ci-dessus). La valeur par défaut est replace.

  
spacing {{optional_inline}}

- 
Détermine comment les keyframes sans offset temporel devraient être réparties sur la durée de l'animation. La valeur par défaut est distribute.
+ 
Détermine comment les keyframes sans offset temporel devraient être réparties sur la durée de l'animation. La valeur par défaut est distribute.

  
    
   
  • distribute positionne les keyframes de façon à ce que les différences entre deux offsets de keyframes successifs soient égaux, c'est-à-dire que, sans aucun offset, les keyframes seront distribuées régulièrement / également sur toute la durée de l'animation.
    • 
   
  • paced positionne les keyframes de façon à ce que les distances entre deux valeurs successives d'une propriété spécifiée par "paced" soient égales, c'est-à-dire que plus la différence entre les valeurs de ces propriétés successives est grande, plus les keyframes seront éloignées les unes des autres.
    • 
  

-
- 
  

  

 
 
-- 
cgit v1.2.3-54-g00ecf