CSS Clip-Path Generator

Drag points to create clip-path polygons. Use presets or draw custom shapes.

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

clip-path: polygon(50% 0%, 100% 100%, 0% 100%);