Re: [csswg-drafts] [css-backgrounds-3][css-borders-4] The shape of box-shadow should be a circle for a box with border-radius:50% and big spread (#7103)

I think I've synthesized something that could work based on the previous approaches.

It basically interpolates (cubicly, but that's adjustable) between the old spec and new spec, based on the radius percentage.
So basically a radius of 50% would go by "old spec" and a radius close to 1% would go by "new spec" (the cubic reduction), and the in-betweens would interpolate with some easing.

It follows a certain logic that he higher the ratio of the radius from the width or height, the more you'd visually expect the edge to remain intact and the cubic easing would have less effect anyway.

<img width="1550" height="1634" alt="Image" src="https://github.com/user-attachments/assets/a4e9f569-097e-4881-8b9b-fdc32fc81c5a" />

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


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

Received on Sunday, 7 September 2025 19:26:19 UTC