Design
CSS clip-path Generator
Create clip-path shapes visually with draggable points Runs on your device — nothing is uploaded, nothing is stored.
1
X50%
Y0%
2
X100%
Y100%
3
X0%
Y100%
Generated CSS
clip-path: polygon(50% 0%, 100% 100%, 0% 100%); -webkit-clip-path: polygon(50% 0%, 100% 100%, 0% 100%);
Preset Shapes
Click any shape to load it as an editable polygon.
Related
About CSS clip-path Generator
Create clip-path shapes visually with draggable points
CSS clip-path Generator is a free tool in the Design & Visual category on BrowseryTools. It runs entirely in your browser: what you give it is processed on your own device and is never uploaded to a server, there's no registration, no ads and no watermarks, and it keeps working with no connection once the page has loaded.