CSS Clip-Path Generator

Create complex CSS shapes visually. Drag the points to customize and instantly copy the clip-path code.

Basic Shapes

Apply this class to your element to clip it to the shape.

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