The shape() function allows the author to describe a path (akin to an SVG path) for use in clip-path and other properties that take Basic Shapes, in a way where the path points are described using CSS units, which allows the paths to be responsive.
This is essential to allowing clip-path to adjust to the size of the box, for example.
WebKittens
No response
Title of the spec
CSS Shapes Module Level 2
URL to the spec
https://drafts.csswg.org/css-shapes-2/
URL to the spec's repository
No response
Issue Tracker URL
No response
Explainer URL
No response
TAG Design Review URL
No response
Mozilla standards-positions issue URL
No response
WebKit Bugzilla URL
https://bugs.webkit.org/show_bug.cgi?id=238371
Radar URL
rdar://problem/90919476
Description
The
shape()
function allows the author to describe a path (akin to an SVG path) for use inclip-path
and other properties that take Basic Shapes, in a way where the path points are described using CSS units, which allows the paths to be responsive.This is essential to allowing clip-path to adjust to the size of the box, for example.