Clip-Path Generator
Create custom shapes with the clip-path property.
CSS Clip-Path Generator
Select from a variety of pre-defined shapes to generate the `clip-path` CSS property.
clip-path: circle(50% at 50% 50%);
Frequently Asked Questions
Create custom shapes with the clip-path property.
clip-path: circle(50% at 50% 50%);