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/path()/index.md | 61 ++++++++++++++++++++++++++++++++++++++++ 1 file changed, 61 insertions(+) create mode 100644 files/fr/web/css/path()/index.md (limited to 'files/fr/web/css/path()/index.md') diff --git a/files/fr/web/css/path()/index.md b/files/fr/web/css/path()/index.md new file mode 100644 index 0000000000..7be4d1a072 --- /dev/null +++ b/files/fr/web/css/path()/index.md @@ -0,0 +1,61 @@ +--- +title: path() +slug: Web/CSS/path() +translation_of: 'Web/CSS/path()' +--- +
{{CSSRef}}
+ +

La fonction CSS path() accepte comme paramètre une chaîne représentant un tracé SVG. Elle est utilisée dans les formes CSS et les animations de tracés CSS pour permettre de dessiner une forme.

+ +

Syntaxe

+ +
path( [[<'fill-rule'>,]?<string>)
+ +

Paramètres

+ +
+
<'fill-rule'>
+
La règle de remplissage de l'intérieur du tracé. Les valeurs possibles sont nonzero ou evenodd. La valeur par défaut est nonzero. Voir fill-rule pour plus de détails.
+
<string>
+
Doit être une chaîne représentant les données d'un chemin SVG.
+
+ +

Exemples

+ +

Exemples de valeurs correctes pour path()

+ +
path("M 10 80 C 40 10, 65 10, 95 80 S 150 150, 180 80");
+path(evenodd,"M 10 80 C 40 10, 65 10, 95 80 S 150 150, 180 80");
+
+ +

Utilisation en tant que valeur de offset-path

+ +

La fonction path() est utilisée pour créer un tracé à suivre pour l'élément. La modification de l'une de ces valeurs conduira celui-ci à ne pas pouvoir suivre le tracé de façon nette lors de l'animation.

+ +

{{EmbedGHLiveSample("css-examples/path/offset-path.html", '100%', 960)}}

+ +

Spécifications

+ + + + + + + + + + + + + + +
SpécificationStatut
{{SpecName('CSS Shapes', '#funcdef-path', 'path()')}}{{Spec2('CSS Shapes')}}
+ +

Voir aussi

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