The path()
CSS function accepts an SVG path string, and is used in CSS Shapes and CSS Motion Path to enable a shape to be drawn.
path( [[<'fill-rule'>,]?<string>)
<'fill-rule'>
The filling rule for the interior of the path. Possible values are nonzero or evenodd. The default value is nonzero. See fill-rule for more details.
The string is an SVG path data string.
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");
The path()
function is used to create a path for the item to travel round. Changing any of the values will cause the path to not neatly run round the circle.
Specification | Status |
---|---|
CSS Shapes Module Level 1 The definition of 'path()' in that specification. | Candidate Recommendation |
© 2005–2021 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/CSS/path()