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-name/index.html | 115 ----------------------------- files/fr/web/css/animation-name/index.md | 115 +++++++++++++++++++++++++++++ 2 files changed, 115 insertions(+), 115 deletions(-) delete mode 100644 files/fr/web/css/animation-name/index.html create mode 100644 files/fr/web/css/animation-name/index.md (limited to 'files/fr/web/css/animation-name') diff --git a/files/fr/web/css/animation-name/index.html b/files/fr/web/css/animation-name/index.html deleted file mode 100644 index 107ab29d0c..0000000000 --- a/files/fr/web/css/animation-name/index.html +++ /dev/null @@ -1,115 +0,0 @@ ---- -title: animation-name -slug: Web/CSS/animation-name -tags: - - CSS - - Propriété - - Reference -translation_of: Web/CSS/animation-name ---- -
{{CSSRef}}
- -

La propriété animation-name définit une liste d'animations qui doivent être appliquées à l'élément ciblé. Chaque nom indique une règle @ {{cssxref("@keyframes")}} qui définit les valeurs des propriétés pour la séquence.

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

Généralement, on pourra utiliser la propriété raccourcie {{cssxref("animation")}} pour définir l'ensemble des propriétés liées aux animations.

- -

Syntaxe

- -
/* Valeur avec un mot-clé */
-animation-name: none;
-
-/* Valeur utilisant un identifiant */
-animation-name: test_05;
-
-/* Gestion de plusieurs animations */
-animation-name: test1, animation4;
-
-/*  Valeurs globales * /
-animation-name: initial
-animation-name: inherit
-animation-name: unset
-
- -

Valeurs

- -
-
none
-
Un mot-clé qui indique qu'aucune étape (keyframe) ne sera utilisée. Il peut être utilisée pour désactiver une animation sans changer l'ordre des autres identifiants ou afin de désactiver les animations provenant de la cascade.
-
{{cssxref("custom-ident","<custom-ident>")}}
-
Une chaîne de caractères qui identifie l'animation. Un identifiant est une séquence, insensible à la casse, de lettres entre a et z, de nombres entre 0 et 9, de tirets bas (_) et/ou de tirets (-). Le première caractère qui n'est pas un tiret doit être une lettre. Il est également interdit d'utiliser deux tirets en début d'identifiant. Enfin, la chaîne de l'identifiant ne peut pas être unset, initial, inherit ou une combinaison analogue avec une casse différente.
-
- -
-

Note : Lorsqu'on utiliser 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-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-name', 'animation-name')}}{{Spec2('CSS3 Animations')}}Définition initiale.
- -

{{cssinfo}}

- -

Compatibilité des navigateurs

- -

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

- -

Voir aussi

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

La propriété animation-name définit une liste d'animations qui doivent être appliquées à l'élément ciblé. Chaque nom indique une règle @ {{cssxref("@keyframes")}} qui définit les valeurs des propriétés pour la séquence.

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

Généralement, on pourra utiliser la propriété raccourcie {{cssxref("animation")}} pour définir l'ensemble des propriétés liées aux animations.

+ +

Syntaxe

+ +
/* Valeur avec un mot-clé */
+animation-name: none;
+
+/* Valeur utilisant un identifiant */
+animation-name: test_05;
+
+/* Gestion de plusieurs animations */
+animation-name: test1, animation4;
+
+/*  Valeurs globales * /
+animation-name: initial
+animation-name: inherit
+animation-name: unset
+
+ +

Valeurs

+ +
+
none
+
Un mot-clé qui indique qu'aucune étape (keyframe) ne sera utilisée. Il peut être utilisée pour désactiver une animation sans changer l'ordre des autres identifiants ou afin de désactiver les animations provenant de la cascade.
+
{{cssxref("custom-ident","<custom-ident>")}}
+
Une chaîne de caractères qui identifie l'animation. Un identifiant est une séquence, insensible à la casse, de lettres entre a et z, de nombres entre 0 et 9, de tirets bas (_) et/ou de tirets (-). Le première caractère qui n'est pas un tiret doit être une lettre. Il est également interdit d'utiliser deux tirets en début d'identifiant. Enfin, la chaîne de l'identifiant ne peut pas être unset, initial, inherit ou une combinaison analogue avec une casse différente.
+
+ +
+

Note : Lorsqu'on utiliser 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-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-name', 'animation-name')}}{{Spec2('CSS3 Animations')}}Définition initiale.
+ +

{{cssinfo}}

+ +

Compatibilité des navigateurs

+ +

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

+ +

Voir aussi

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