CSS Clip-Path Generator

Create CSS clip-path shapes with presets and custom values.

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

Supported shapes:

  • polygon(x1 y1, x2 y2, ...)
  • circle(radius at x y)
  • ellipse(rx ry at x y)
  • inset(top right bottom left round radius)