Re: [csswg-drafts] [css-borders-4] Specify how borders are rendered for `corner-shape` (#11610)

I created a codepen that renders `corner-shape` using @fserb's formula to approximate superellipses (more on that later), and shows how I think the borders should work: 
https://codepen.io/noamr/pen/WbNQEvP?editors=1111

Basically, to achieve the effect where the thickness of the border is equal to the relevant `border-width`, while painting within the corner bounds, the outer radius as to be lower than the inner radius for curvatures more concave than round.

This becomes very apparent with `notch`:

![Image](https://github.com/user-attachments/assets/d03d5a85-777f-4d1a-99db-b976e6f2c891)

And also with `bevel`

![Image](https://github.com/user-attachments/assets/d84edb5f-6b85-4566-b7eb-689270babda8)

Or scoop:

![Image](https://github.com/user-attachments/assets/89c15cb3-0a89-438e-94ad-71c3f414d8d6)

In the prototype, the outer radius is reduced in a number that's a function of the corresponding border and the curvature.
The offset would be an intercept for a parallel line to the tangent of the curve at a (border-width) distance.

-- 
GitHub Notification of comment by noamr
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/11610#issuecomment-2668782471 using your GitHub account


-- 
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config

Received on Wednesday, 19 February 2025 14:15:12 UTC