Clip Path Maker

Create CSS clip-path by dragging control points

Preview

Drag control points to change clip-path shape

Copy clip-path value

clip-path:

polygon(50% 0%, 0% 100%, 100% 100%)

Preset Shapes

Demo Background

• Drag points to adjust the shape

• Click preset to apply predefined shapes