Clip Path Generator
Radius for circles, inset depth for rectangles, ignored by fixed polygons.
Applies to the inset rectangle only.
Generated CSS
Percentages are used throughout rather than pixels, so the shape scales with the element instead of breaking at a different size. A clipped element still occupies its full box for layout and still receives pointer events only inside the visible region. Anything clipped away is hidden, not removed, so keep meaningful content away from the edges.