Click canvas to add points · Double-click to remove
Shapes
Points (3/20)
1,
2,
3,
CSS Output
clip-path: polygon(50% 0%, 100% 100%, 0% 100%);
Apply to any element:
.element {
clip-path: polygon(50% 0%, 100% 100%, 0% 100%);
}Visual CSS clip-path editor — drag points, pick shapes, export CSS
clip-path: polygon(50% 0%, 100% 100%, 0% 100%);
Apply to any element:
.element {
clip-path: polygon(50% 0%, 100% 100%, 0% 100%);
}