Re: [csswg-drafts] [css-borders-4] Allow to define individual spread radii for the different sides of box shadows (#9123) from Oriol Brufau via GitHub on 2023-07-30 (public-css-archive@w3.org from July 2023)

From: Oriol Brufau via GitHub <sysbot+gh@w3.org>
Date: Sun, 30 Jul 2023 21:54:40 +0000
To: public-css-archive@w3.org
Message-ID: <issue_comment.created-1657274820-1690754079-sysbot+gh@w3.org>

Being able to specify a different spread per axis would allow creating similar shapes, e.g.

```css
width: 200px;
height: 50px;
margin: 50px;
border-radius: 50%;
background: cyan;
box-shadow: 0 0 0px 50px magenta;
```

looks like:

![](https://github.com/w3c/csswg-drafts/assets/7477678/7c3e4382-32b4-409a-9381-298d25aaeb26)

With `box-shadow-spread: 12.5px 50px`, both the element and its shadow would have an aspect ratio of `4 / 1`:

![](https://github.com/w3c/csswg-drafts/assets/7477678/31a7a9e1-88a3-455d-8726-98aec8b356a3)

Though arguably this would be better addressed with `box-shadow-spread: 25%`.


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


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

Received on Sunday, 30 July 2023 21:54:42 UTC