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.

Weitere CSS-Tools

Alle CSS-Tools