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

css
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()

css
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