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

I don't think it's a spec change, just implementations catching up with the spec.

We had implemented the cubic reduction algorithm for box-shadow. I've now just tried patching in the proposed algorithm from @Loirooriol above for the three tests described in the comments above:

* `<div style="width: 40px; height: 40px; border-radius: 2px; box-shadow: black 0 0 0 80px">`
* `<div style="width: 40px; height: 40px; border-radius: 20px; box-shadow: black 0 0 0 80px">`
* `<div style="width: 500px; height: 100px; background: cyan; border-radius: 250px / 50px; box-shadow: 0 0 0 125px blue">`

Current specification rendering on the left, revised algorithm on the right. Overall it looks like an improvement.

![Untitled-1](https://user-images.githubusercontent.com/989243/172067116-f79b5fe9-ab01-4dbe-941f-dafac05fd1e3.png)



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


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

Received on Sunday, 5 June 2022 19:33:40 UTC