CSS Clip-Path Generator
Generate clip-path values for inset, circle, ellipse and polygon shapes. 10 polygon presets included. Copy the CSS instantly.
Shape Type
Polygon Presets
Points (3)
1%%
2%%
3%%
Preview Background
#6366f1
clip-path: polygon(50% 0%, 100% 100%, 0% 100%)
Generated CSS
.element {
clip-path: polygon(50% 0%, 100% 100%, 0% 100%);
}