CSS Clip Path Generator

clip-path is a CSS property that clips an element to a specific shape. Only the area inside the clip region is visible. Common shapes include circle(), ellipse(), polygon(), and inset().

Use the visual editor to drag anchor points around the preview element. The polygon coordinates update in real-time as you move the points.

clip-path is supported in all modern browsers (Chrome, Firefox, Safari, Edge). IE11 only supports the url() syntax.

Yes, 100% free with no registration.

Absolutely. clip-path works on any HTML element including images, divs, and videos.