CSS Clip Path Generator
Create intricate geometric clip paths visually. Supports draggable polygon, circle, ellipse, and inset boundaries.
Preset Polygons
.clipped-box {
width: 300px;
height: 300px;
clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
-webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
}height: 300px;
clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
-webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%);