CSS Clip-Path Maker

Create CSS clip-path shapes

100% private — everything stays in your browser

Shape type

circleellipsepolygoninset

Points (e.g. 50% 0%, 100% 100%, 0% 100%)

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

How to use CSS Clip-Path Maker

1
Provide your input — Enter your data or adjust the settings in the CSS Clip-Path Maker tool above.
2
Get your result — Results appear instantly — all processing happens in your browser.
3
Copy or download — Copy or download your result. Everything was processed locally on your device.