CSS Clip Path Maker
Drag SVG vertices to design a CSS clip-path polygon. Live preview on a sample image with copyable clip-path string.
Editor
Double-click a vertex to remove. Min 3 points.
Live preview
5 vertices
CSS
clip-path: polygon(50.0% 0.0%, 100.0% 38.0%, 82.0% 100.0%, 18.0% 100.0%, 0.0% 38.0%);