CSS Clip Path Generator

Quickly create and copy CSS clip-paths for various shapes in your web designs.

Choose a shape:

clip-path: circle(50% at 50% 50%);