From 149319bb8c7b1394a443f0877c3460cd362aa815 Mon Sep 17 00:00:00 2001 From: julieng Date: Fri, 17 Sep 2021 20:58:15 +0200 Subject: move *.html to *.md --- files/fr/web/css/animation-delay/index.html | 107 ---------------------------- files/fr/web/css/animation-delay/index.md | 107 ++++++++++++++++++++++++++++ 2 files changed, 107 insertions(+), 107 deletions(-) delete mode 100644 files/fr/web/css/animation-delay/index.html create mode 100644 files/fr/web/css/animation-delay/index.md (limited to 'files/fr/web/css/animation-delay') diff --git a/files/fr/web/css/animation-delay/index.html b/files/fr/web/css/animation-delay/index.html deleted file mode 100644 index 733ba4d654..0000000000 --- a/files/fr/web/css/animation-delay/index.html +++ /dev/null @@ -1,107 +0,0 @@ ---- -title: animation-delay -slug: Web/CSS/animation-delay -tags: - - CSS - - Propriété - - Reference -translation_of: Web/CSS/animation-delay ---- -
{{CSSRef}}
- -

La propriété animation-delay définit la durée d'attente avant de démarrer une animation une fois qu'elle a été appliquée à un élément.

- -
{{EmbedInteractiveExample("pages/css/animation-delay.html")}}
- -

La valeur par défaut, 0s, indique que l'animation doit démarrer dès qu'elle est appliquée. Dans les autres cas, la valeur indique le décalage à observer entre le début de l'animation et le moment où celle-ci a été appliquée sur l'élément.

- -

Si des valeurs négatives sont utilisées, l'animation débutera immédiatement en étant déjà « avancée ». Par exemple, si on utilise la valeur -1s comme durée, l'animation commencera immédiatement avec l'état qu'elle aurait « normalement » eue au bout d'une seconde.

- -

Généralement, on passera par la propriété raccourcie {{cssxref("animation")}} afin de définir l'ensemble des propriétés liées aux animations en une seule fois.

- -

Syntaxe

- -
animation-delay: 3s;
-animation-delay: 2s, 4ms;
-
- -

Valeurs

- -
-
<time>
-
La durée avec laquelle décaler le début de l'animation à partir du moment où celle-ci a été appliquée à l'élément. La valeur peut être indiquée en secondes (s comme suffixe) ou en millisecondes (ms comme suffixe). Si aucune unité n'est définie, la déclaration sera considérée comme invalide.
-
- -
-

Note : Lorsqu'on utilise plusieurs valeurs (séparées par des virgules) pour une propriété animation-*, selon leur quantité, elles seront différemment affectées aux animations définies par {{cssxref("animation-name")}}. Pour plus d'informations, voir : paramétrer les valeurs des propriétés pour plusieurs animations.

-
- -

Syntaxe formelle

- -{{csssyntax}} - -

Exemples

- -

CSS

- -
p {
-  animation-duration: 3s;
-  animation-delay: 15s;
-  animation-name: glissement;
-  animation-iteration-count: infinite;
-}
-@keyframes glissement {
-  from {
-    margin-left: 100%;
-    width: 300%;
-  }
-
-  to {
-    margin-left: 0%;
-    width: 100%;
-  }
-}
- -

HTML

- -
<p>
-  La Chenille et Alice se considérèrent un instant en silence.
-  Enfin la Chenille sortit le houka de sa bouche, et lui adressa
-  la parole d’une voix endormie et traînante.
-</p>
- -

Résultat

- -

{{EmbedLiveSample("Exemples","300","200")}}

- -

Spécifications

- - - - - - - - - - - - - - - - -
SpécificationÉtatCommentaires
{{SpecName('CSS3 Animations', '#animation-delay', 'animation-delay')}}{{Spec2('CSS3 Animations')}}Définition initiale.
- -

{{cssinfo}}

- -

Compatibilité des navigateurs

- -

{{Compat("css.properties.animation-delay")}}

- -

Voir aussi

- - diff --git a/files/fr/web/css/animation-delay/index.md b/files/fr/web/css/animation-delay/index.md new file mode 100644 index 0000000000..733ba4d654 --- /dev/null +++ b/files/fr/web/css/animation-delay/index.md @@ -0,0 +1,107 @@ +--- +title: animation-delay +slug: Web/CSS/animation-delay +tags: + - CSS + - Propriété + - Reference +translation_of: Web/CSS/animation-delay +--- +
{{CSSRef}}
+ +

La propriété animation-delay définit la durée d'attente avant de démarrer une animation une fois qu'elle a été appliquée à un élément.

+ +
{{EmbedInteractiveExample("pages/css/animation-delay.html")}}
+ +

La valeur par défaut, 0s, indique que l'animation doit démarrer dès qu'elle est appliquée. Dans les autres cas, la valeur indique le décalage à observer entre le début de l'animation et le moment où celle-ci a été appliquée sur l'élément.

+ +

Si des valeurs négatives sont utilisées, l'animation débutera immédiatement en étant déjà « avancée ». Par exemple, si on utilise la valeur -1s comme durée, l'animation commencera immédiatement avec l'état qu'elle aurait « normalement » eue au bout d'une seconde.

+ +

Généralement, on passera par la propriété raccourcie {{cssxref("animation")}} afin de définir l'ensemble des propriétés liées aux animations en une seule fois.

+ +

Syntaxe

+ +
animation-delay: 3s;
+animation-delay: 2s, 4ms;
+
+ +

Valeurs

+ +
+
<time>
+
La durée avec laquelle décaler le début de l'animation à partir du moment où celle-ci a été appliquée à l'élément. La valeur peut être indiquée en secondes (s comme suffixe) ou en millisecondes (ms comme suffixe). Si aucune unité n'est définie, la déclaration sera considérée comme invalide.
+
+ +
+

Note : Lorsqu'on utilise plusieurs valeurs (séparées par des virgules) pour une propriété animation-*, selon leur quantité, elles seront différemment affectées aux animations définies par {{cssxref("animation-name")}}. Pour plus d'informations, voir : paramétrer les valeurs des propriétés pour plusieurs animations.

+
+ +

Syntaxe formelle

+ +{{csssyntax}} + +

Exemples

+ +

CSS

+ +
p {
+  animation-duration: 3s;
+  animation-delay: 15s;
+  animation-name: glissement;
+  animation-iteration-count: infinite;
+}
+@keyframes glissement {
+  from {
+    margin-left: 100%;
+    width: 300%;
+  }
+
+  to {
+    margin-left: 0%;
+    width: 100%;
+  }
+}
+ +

HTML

+ +
<p>
+  La Chenille et Alice se considérèrent un instant en silence.
+  Enfin la Chenille sortit le houka de sa bouche, et lui adressa
+  la parole d’une voix endormie et traînante.
+</p>
+ +

Résultat

+ +

{{EmbedLiveSample("Exemples","300","200")}}

+ +

Spécifications

+ + + + + + + + + + + + + + + + +
SpécificationÉtatCommentaires
{{SpecName('CSS3 Animations', '#animation-delay', 'animation-delay')}}{{Spec2('CSS3 Animations')}}Définition initiale.
+ +

{{cssinfo}}

+ +

Compatibilité des navigateurs

+ +

{{Compat("css.properties.animation-delay")}}

+ +

Voir aussi

+ + -- cgit v1.2.3-54-g00ecf