Generator

CSS Clip-Path Generator

Browse common clip-path shapes (triangle, hexagon, star, arrow, etc.) and copy the polygon() CSS.

CSS
clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);