CSS · Properties — CSS Masking

clip-path

The CSS clip-path property. Initial value: none. Not inherited.

Syntax
clip-path: <clip-source> | [ <basic-shape> || <geometry-box> ] | none

Example

Try it

Notes

Media: visual. Applies to: allElementsSVGContainerElements. Computed value: asSpecifiedURLsAbsolute.

More in this group

clip-rule mask mask-border mask-border-mode mask-border-outset mask-border-repeat mask-border-slice mask-border-source

Learn this in the course

Reference pages are the quick answer. The course explains the why, shows the full example and ends with a challenge.

Open the course