Back to tools
CSS Clip-Path Generator
Visually build clip-path shapes with draggable handles and copy the CSS.
Shape Preview
Live Preview
Controls
1
X50%
Y0%
2
X100%
Y100%
3
X0%
Y100%
CSS Output
clip-path: polygon(50% 0%, 100% 100%, 0% 100%);
Visually build clip-path shapes with draggable handles and copy the CSS.