The upcoming CSS `border-shape` property lets developers define custom shapes for element borders without losing border or box-shadow styling — a limitation of the current `clip-path` workaround. Combined with the `shape()` function, it enables non-standard shapes like speech bubbles or hearts. One caveat: text flow does not automatically adapt to the new shape, though a workaround using `shape-outside` with split left/right halves can reflow text correctly.
3 Comments
Sort: