CSS Clip-Path Generator
Build clip-path shapes visually. Choose presets, drag polygon points, edit circle/ellipse/inset parameters, and copy CSS.
AdSense
Top banner
Shape Presets
Editor
Polygon Points Controls
1
%
%
2
%
%
3
%
%
CSS Code
clip-path: polygon(50% 0%, 100% 100%, 0% 100%);
Was this page helpful?