CSS Clip-Path Generator
Drag handles • click an edge to insert a point • all shapes supported
Radius50%
Center X50%
Center Y50%
Rx50%
Ry30%
Center X50%
Center Y50%
Top10%
Right10%
Bottom10%
Left10%
Border Radius0%
Clip-Path Preview
Drag handles to reshape
CSS