CSS Clip-Path Generator

Create CSS clip-path shapes with 12 presets. Preview, customize, and copy the CSS code. Free online clip-path maker.

Custom clip-path (optional)

CSS

.clipped {
  clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
}