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