CSS Clip Path Generator
Create custom polygon shapes for CSS clip-path.
Editor
Drag the handles to shape the polygon
Preview
CSS Output
Copy the generated CSS
clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
1.
X
Y
2.
X
Y
3.
X
Y
Create custom polygon shapes for CSS clip-path.
clip-path: polygon(50% 0%, 0% 100%, 100% 100%);