CSS path() Function
Example
.example {
clip-path: path('M 20 240 \ C 20 0 300 0 300 240 Z');
}
Meaning
The path() css function defines a shape using an SVG fill-rule and an SVG path definition.
Most browser only supported on the offset-path property.
Version: CSS3
Standard Syntax
path([fill-rule,]? string)
Browser Support
The numbers in the table specify the first browser version that fully supports the property.
Status
Function Arguments
The following table describes the arguments of this function.
Argument | Description |
---|---|
fill-rule | The fill-rule used to determine the interior of the path. Possible values are nonzero and evenodd. Default value when omitted is nonzero. |
string | Required. The string is an SVG Path string encompassed in quotes. |