Skip to content
Clip

Clip Path Generator

Edit polygon, circle, ellipse, or inset clip paths.

Vertices (% x, % y)

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

About Clip Path Generator

Pick a shape, tune vertices or radii, and copy the clip-path declaration. Everything runs in your browser.

How to use

  1. Pick a shape
  2. Tune parameters
  3. Copy the CSS

FAQ

Free?

Yes.

Uploaded?

No.