Tool Hub

CSS clip-path Maker

Polygon handles drag โ†’ polygon() code

4 points

Editor (drag handles)

Preview

CSS

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

Verify outputs before using in production. No warranty โ€” see Terms.