CSS Clip-Path Shapes
Start from a preset shape or hand-edit polygon points — preview the mask on an image and copy the clip-path CSS
Presets
Polygon points
Point 1
50%
0%
Point 2
0%
100%
Point 3
100%
100%
Live preview
Generated CSS
clip-path: polygon(50% 0%, 0% 100%, 100% 100%);