CSS clip-path Generator

Design custom clip-path shapes with a visual editor and copy the CSS. Supports polygon, circle, ellipse and inset.

Presets

Custom clip-path

CSS

clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
-webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%);