3 ms·

I still really want native squircle borders.

• samwillis 4y ago
  This so much! I'm surprised that Apple haven't implemented it in Safari so they can use them to match their style elsewhere. I'm not sure what the spec should be though, maybe bezier curve corners. That would allow asymmetry with "setback" and "control-length" for each side of the corner.
• wbobeirne 4y ago
  Clip-path gives you all the flexibility you could want, although not as convenient.
  • webstrand 4y ago
    `clip-path: path(...)` not having relative units makes it basically useless for non-fixed size elements. And embedding an SVG into your html with a `<clipPath>` declaration is fragile and hackish.
• Waterluvian 4y ago
  I thought it was all about the round rect! https://www.folklore.org/StoryView.py?story=Round_Rects_Are_Everywhere.txt https://www.folklore.org/StoryView.py?story=Round_Rects_Are_...
  • chrismorgan 4y ago
    Rounded rectangles are easy to manufacture, but ugly due to their tangency. For best results, you want to smooth the curvature—whether in the form of squircles, or something a bit more locally-constrained. https://99percentinvisible.org/article/circling-square-designing-squircles-instead-rounded-rectangles/ https://99percentinvisible.org/article/circling-square-desig... shows the difference nicely if you (or any other reader) are unfamiliar with it.