From 3335211db9ecb67dc0ccd9c4a7c1eb607ffe359f Mon Sep 17 00:00:00 2001 From: SphinxKnight Date: Fri, 17 Sep 2021 20:15:31 +0200 Subject: Prepare CSS section for Markdown conversion (#2307) * Removes summary / seoSummary classes * Remove div class=hidden and some notranslate * Remove hidden paragraphs for live sample * Remove hidden paragraphs for live sample - take 2 * Remove other hidden div and p - updated w/ en-US when necessary * Remove ids * Remove notranslate class * Fix typo which broke build * remove div class='index' * remove useless * remove non typographical sups * remove non typographical subs * remove blockindicator and fix some div.note * fix build :/ * remove useless classes * fix build - again :x * fix unhandled elements 1/N + embedlivesample build fail * fix div.warning * Fix fixable flaws - hoping to reduce error conversion * Remove unecessary images (same as en-US) * fix div notes * fix warnings * fix some dl handling * fix dls * Fix a bunch of conversion errors * rm unhandled figures * Fix other set of issues and revamp easing-function page * Fix some one-offs conversion errors (incl. deki files) * fix the rest of one-off conversion issues * Fix last dl standing --- .../css_animations/detecting_css_animation_support/index.html | 4 ++-- files/fr/web/css/css_animations/index.html | 4 ---- files/fr/web/css/css_animations/tips/index.html | 4 +--- .../fr/web/css/css_animations/using_css_animations/index.html | 10 ++++++---- 4 files changed, 9 insertions(+), 13 deletions(-) (limited to 'files/fr/web/css/css_animations') diff --git a/files/fr/web/css/css_animations/detecting_css_animation_support/index.html b/files/fr/web/css/css_animations/detecting_css_animation_support/index.html index 0824678ff8..7f33e6daf9 100644 --- a/files/fr/web/css/css_animations/detecting_css_animation_support/index.html +++ b/files/fr/web/css/css_animations/detecting_css_animation_support/index.html @@ -11,7 +11,7 @@ original_slug: Web/CSS/Animations_CSS/Détecter_la_prise_en_charge_des_animation
{{CSSRef}}{{obsolete_header}}
-

Attention ! Les techniques décrites dans cet article sont obsolètes et peuvent être remplacées par l'utilisation de {{cssxref("@supports")}}.

+

Attention : Les techniques décrites dans cet article sont obsolètes et peuvent être remplacées par l'utilisation de {{cssxref("@supports")}}.

Avec les animations CSS, on peut ajouter des animations sur du contenu, uniquement en utilisant CSS. Toutefois, cette fonctionnalité n'est parfois pas disponible et on souhaiterait alors pouvoir gérer ce cas et appliquer un effet similaire avec JavaScript. Cet article, basé sur ce billet de Christian Heilmann, illustre une technique pour détecter la prise en charge des animations CSS.

@@ -96,5 +96,5 @@ if( animation === false ) {

Voir aussi

diff --git a/files/fr/web/css/css_animations/index.html b/files/fr/web/css/css_animations/index.html index 393e33754d..a0db694124 100644 --- a/files/fr/web/css/css_animations/index.html +++ b/files/fr/web/css/css_animations/index.html @@ -15,7 +15,6 @@ original_slug: Web/CSS/Animations_CSS

Propriétés CSS

-
  • {{cssxref("animation")}}
  • {{cssxref("animation-delay")}}
    • @@ -27,15 +26,12 @@ original_slug: Web/CSS/Animations_CSS
  • {{cssxref("animation-play-state")}}
  • {{cssxref("animation-timing-function")}}
-

Règles @ CSS

-
  • {{cssxref("@keyframes")}}
-

Guides

diff --git a/files/fr/web/css/css_animations/tips/index.html b/files/fr/web/css/css_animations/tips/index.html index adb261195e..011e1c6e3a 100644 --- a/files/fr/web/css/css_animations/tips/index.html +++ b/files/fr/web/css/css_animations/tips/index.html @@ -22,8 +22,7 @@ original_slug: Web/CSS/Animations_CSS/Conseils

Tout d'abord, on définit l'animation avec des règles CSS (certaines règles superflues sont masquées ici à des fins de concision).

- 
@keyframes colorchange {
   0% { background: yellow }
diff --git a/files/fr/web/css/css_animations/using_css_animations/index.html b/files/fr/web/css/css_animations/using_css_animations/index.html
index ab83e1e420..2c0364c3f4 100644
--- a/files/fr/web/css/css_animations/using_css_animations/index.html
+++ b/files/fr/web/css/css_animations/using_css_animations/index.html
@@ -56,7 +56,9 @@ original_slug: Web/CSS/Animations_CSS/Utiliser_les_animations_CSS
 
 
Exemples

 
-
Note : Les exemples ci-après n'utilisent pas la version préfixée des propriétés liées aux animations. Il est possible que d'anciens navigateurs (antérieurs à 2017) aient besoin de ces préfixes pour fonctionner auquel cas l'exemple « live » ne fonctionnera pas.

+

+  
Note : Les exemples ci-après n'utilisent pas la version préfixée des propriétés liées aux animations. Il est possible que d'anciens navigateurs (antérieurs à 2017) aient besoin de ces préfixes pour fonctionner auquel cas l'exemple « live » ne fonctionnera pas.

+

 
 
Utiliser une animation pour que le texte traverse la fenêtre du navigateur

 
@@ -231,7 +233,7 @@ her in a languid, sleepy voice.</p>
 }
-

Note : Pour plus de détails, vous pouvez consulter la page de référence sur la propriété {{cssxref("animation")}}.

+

Note : Pour plus de détails, vous pouvez consulter la page de référence sur la propriété {{cssxref("animation")}}.

Utiliser plusieurs valeurs pour différentes animations

@@ -358,7 +360,7 @@ element.className = "slidein"; -- cgit v1.2.3-54-g00ecf