CSS Clip Path Generator
CSS Clip Path Tool
Create CSS clip-path shapes visually with presets and custom polygon editing.
Shape Presets
Circle
Small Circle
Ellipse
Inset
Rounded Inset
Triangle
Diamond
Pentagon
Hexagon
Heptagon
Octagon
Star
Chamfer
Message
Parallelogram
Trapezoid
Perspective
Arrow Left
Arrow Right
Corner
Triangle Up
About CSS Clip Path
The CSS clip-path property creates a clipping region that limits the rendering of an element to its geometric shape.
Learn more: CSS Image Shapes
