Design

CSS Clip-Path Maker

Create CSS clip-path shapes visually. Drag points to customize polygons, circles, and ellipses with live preview.

About This Tool

The CSS Clip-Path Maker is a visual editor for creating CSS clip-path shapes. Choose from presets like circles, triangles, stars, and arrows, or create custom polygons by dragging points.

How to Use

  1. Select a preset shape or start with a custom polygon
  2. Drag points to adjust the shape
  3. Add or remove points as needed
  4. Copy the CSS clip-path property