Toolative

CSS Clip-Path Generator

Visually build clip-path shapes with draggable handles and copy the CSS.

Shape Preview
123
Live Preview
Controls
1
X50%
Y0%
2
X100%
Y100%
3
X0%
Y100%
CSS Output
clip-path: polygon(50% 0%, 100% 100%, 0% 100%);