Free Online CSS Clip-Path Visual Editor

Polygon Mask Generator

MDN Docs

Lightweight & Free

Preset Shapes

Background

Upload Image

Or use sample

Editor Controls

Quick Tips

• Drag points to reshape
• Double-click a point to delete
• Click anywhere on canvas to add point

CSS Output

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

CSS Copied to Clipboard!