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)

Yet another alternative is to use Oriol's algorithm for one of the corner dimensions and then use the initial border radius aspect ratio to compute the other dimension. Since the percent increase of the shadow in different dimensions is not the same, it would at least preserve the corner shape. 

It works nice for "typical" rounded corners of otherwise rectangular boxes, without changing the shape of the corner, and it works well for a circle.

However, it adds a straight edge to the side that has a larger percent increase in length. This isn't noticeable in rectangular boxes but a bad case I found is that it tends to not look too nice on ellipses 
<img width="195" alt="ellipses" src="https://user-images.githubusercontent.com/1906955/176080713-29dae982-1e47-44f3-aece-f8383cd08c32.png">


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


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

Received on Tuesday, 28 June 2022 02:53:18 UTC