Clip Path Studio

Create and edit CSS clip-path polygons with visual controls

CSS Output

clip-path: polygon(50.0% 0.0%, 0.0% 100.0%, 100.0% 100.0%);

Shape Presets

Demo Size

Background

About Clip Paths

The clip-path property allows you to make complex shapes in CSS by clipping an element to a basic shape or SVG source.