Clip Path Generator

Clip Path Type

Settings

50%
50%
50%

Preview

Generated CSS

.clipped {
  clip-path: circle(50% at 50% 50%);
  -webkit-clip-path: circle(50% at 50% 50%);
}