CSS Clip-Path Maker

Create complex shapes with CSS clip-path property. Drag the points to customize.

Preview

Presets

CSS Output
clip-path: polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%);

How to use?

  • Drag the pink handles on the canvas.
  • The generated CSS automatically updates.
  • Copy the code and use it on any image or div.