path()
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
ouevenodd
. La valeur par défaut estnonzero
. 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.
Spécifications
Specification |
---|
CSS Shapes Module Level 1 # funcdef-basic-shape-path |
Voir aussi
<shape-outside>
- Formes CSS
- Vue d'ensemble des formes CSS
- SVG Path Syntax Illustrated Guide SVG Path Syntax Illustrated Guide (en anglais)