clip path generator
drag points to shape a polygon and copy the clip-path css.
runs on your device · free · no sign-up
loading tool…
frequently asked questions
how do i add or remove points?
double-click empty space to add a point and double-click a point to remove it. a polygon needs at least three points.
which presets are included?
triangle, trapezoid, parallelogram, rhombus, pentagon, hexagon, octagon, star, arrow and cross.
is it supported in browsers?
clip-path with polygon() works in all modern browsers. nothing is uploaded.