M
Mahyar NasiriDeveloper
Menu
Back to Tools

CSS Clip Path Generator

Create CSS clip-path shapes visually — circle, ellipse, polygon — with editable points and live preview.

Click inside the preview to add points for the polygon, drag to move them.
Presets
Points (x%, y%)
  1. 1
  2. 2
  3. 3
CSS
clip-path: polygon(50% 0%, 0% 100%, 100% 100%);