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) from 一丝 via GitHub on 2025-07-01 (public-css-archive@w3.org from July 2025)

From: 一丝 via GitHub <noreply@w3.org>
Date: Tue, 01 Jul 2025 03:39:44 +0000
To: public-css-archive@w3.org
Message-ID: <issue_comment.created-3021633988-1751341182-noreply@w3.org>

Chrome's rendering has changed a bit since it implemented corner-shape. If you just need a circular shadow, this is a hack:

```html
data:text/html,<!DOCTYPE html>
<style>
.test {
    width: 40px;
    height: 40px;
    margin: 100px;
    border-radius: 20px;
    box-shadow: black 0 0 0 80px;
    corner-shape: superellipse(0.99999);
}
</style>
<div class="test"></div>
```

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


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

Received on Tuesday, 1 July 2025 03:39:45 UTC