Shape Properties
Create custom shapes with clip-path
50%
Live Preview & CSS
See your shape in action
Shape
.clipped-element {
clip-path: circle(50% at center);
}circle(50% at center)
Use percentages for responsive shapes. Polygon coordinates are x%, y% pairs. Inset creates rectangular cutouts. Circle and ellipse support positioning.