Create CSS clip-path shapes with preset templates and live preview.
clip-path: circle(50% at 50% 50%);
Select a shape preset from the buttons. For circle and ellipse shapes, adjust the radius sliders to fine-tune the size. The preview area shows the clipped shape in real time. Copy the CSS clip-path code to use in your stylesheets.