CSS clip-path Maker
Visual polygon editor for CSS clip-path. Drag points on a grid, 12 shape presets, export CSS.
Drag points to edit
CSS
clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); -webkit-clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
Points
125.0%·0.0%
275.0%·0.0%
3100.0%·50.0%
475.0%·100.0%
525.0%·100.0%
60.0%·50.0%