Prisma saysclip-path crops an element to a shape — polygon, circle, inset, or an SVG path.
clip-path hides everything outside a shape: circle(50%), inset(10px), or polygon(...) for angled cuts. The visible area still occupies its box; only rendering is clipped. It makes angled dividers, hexagon avatars, and reveal animations (it's animatable).
Power-ups you unlock
Crop to circle/inset/polygon/path
Only rendering is clipped; box size stays
Animatable → reveal/wipe effects
Powers angled dividers and shaped avatars
Jank the Janitor attacks — common mistakes
Forgetting the element still takes its full box space
Complex polygons hard to maintain by hand
No fallback where unsupported
Boss battleClip an element into a hexagon with polygon().