Clip Path Generator
Create CSS clip-path shapes with circle, ellipse, polygon, and inset modes. Includes polygon presets for triangles, stars, hexagons, and more.
Live Preview
Generated CSS
clip-path: polygon(50% 0%, 0% 100%, 100% 100%);Create CSS clip-path shapes with circle, ellipse, polygon, and inset modes. Includes polygon presets for triangles, stars, hexagons, and more.
clip-path: polygon(50% 0%, 0% 100%, 100% 100%);