/css/ - CSS Masters

for years weve been hacking around with `border-radius`, using clip-path and svg masks just for some simple beveled corners. but now, say hello to corner-shaped

the new property finally gives us a straightforward way beyond those round edges - bevels that soften up your ui without the headache of complex workarounds! imagine designing with scooped or squircle shapes directly in css. its like getting superpowers for corner design ✨

anyone tried this out yet? how does `corner-shape: beveled;` feel compared to clip-path madness

link: https://smashingmagazine.com/2026/03/beyond-border-radius-css-corner-shape-property-ui/