New CSS Property corner-shape Is Amazing

The new CSS `corner-shape` property lets developers control the shape of border-radius corners beyond the default rounded style. It supports keyword values like `round`, `scoop` (inverted radius), `bevel` (straight line), `square` (no radius), and `notch` (inverted square), as well as a `super-ellipse()` function accepting values from negative to positive infinity for fine-grained control. Practical use cases include ticket/badge shapes, speech bubbles, slotted UI elements, and animated shape transitions. Individual corners can be targeted independently. The main limitation is browser support at ~66%, with no support in Safari or Firefox yet, though graceful fallback makes it usable for decorative purposes.