日本語

clip-path generator

Build CSS clip-path visually by dragging points. Polygons, circles, ellipses and inset, plus sliders for bursts, stripes and checkerboards. Copy code with the -webkit- prefix in one click.

Drag points to move / double-click the preview to add / double-click a point to delete

Generated CSS

Add class="clip-path" to your element and paste. -webkit-clip-path is included for older browser support.