Cut any box into a shape
The CSS clip-path property lets you show an element as a polygon or a circle instead of a rectangle, without touching the underlying image or markup. This generator offers a set of ready-made shapes — triangles, hexagons, stars, arrows — and previews each one on a live box.
Just the shape you need
Pick a shape and copy its clip-path value straight into your CSS. Because clipping only affects painting, the element keeps its normal layout and only the visible area responds to clicks. It all runs on your device.