Cut images and boxes into shapes with pure CSS. Start from a triangle, hexagon, star, arrow, speech bubble or circle, drag the points to adjust, and copy the clip-path code.
loading toolHow to make a clip-path shape
- Pick a preset or change the settings.
- Watch the live preview.
- Copy the CSS into your stylesheet.
Questions
Does clip-path work on images?
Yes, on any element: images, videos, boxes with backgrounds and more.
Can people still click outside the shape?
No. Clicks only count inside the visible shape.
Is my data private?
Yes. Everything happens inside your own browser: nothing you type or choose is uploaded to us or anyone else.
Is it free?
Completely free, with no sign-up, no watermark and no limit on how many times you use it. Light ads keep the site running.
