Clip Path Generator
Create custom shapes with CSS clip-path property
Clip Path Settings
Configure shape and clipping
Live Preview
See your clip-path in action
Generated Clip Path Code
.clip-path {
clip-path: circle(50% at 50% 50%);
}Create custom shapes with CSS clip-path property
Configure shape and clipping
See your clip-path in action
.clip-path {
clip-path: circle(50% at 50% 50%);
}