Instant CSS
Tools
Templates
Components
Learn
More
Home
Tools
Clip Path
Clip Path
Shape Type
Polygon
Circle
Ellipse
Inset (Rounded Rect)
Points
Drag points on the preview to edit
Add Point
Remove Last
Presets
triangle
trapezoid
star
parallelogram
circle
ellipse
inset
message
PREVIEW
50%, 0%
0%, 100%
100%, 100%
Copy Code
clip-path: polygon(50% 0%, 0% 100%, 100% 100%);