DESIGN TOOL

CSS Clip-Path Maker

Create complex CSS clip-path shapes visually. Drag control points to define polygon, circle, ellipse, or inset shapes, see the clipping applied in real time, and copy the generated CSS.

Shape Type

Click on the canvas to add points. Drag to move. Right-click to delete.

Points

Background

Live Preview

CSS Output


                

Presets