Skip to main content

CSS Clip Path Generator

Create CSS clip-path shapes visually. Drag control points, choose presets, or switch to circle and ellipse modes.

3 points
clip-path: polygon(50% 0%, 100% 100%, 0% 100%);
Value only:
Full rule: