Re: [csswg-drafts] [css-borders-4] Concave corner-shape and inset box-shadow (#12961)

The resolution implies it should be equivalent to

```html
<!DOCTYPE html>
<style>
#target::before, #target::after {
  content: "";
  position: absolute;
  corner-shape: scoop bevel notch squircle;
  border-radius: 70px;
}
#target::before {
  width: 180px;
  height: 180px;
  background: lightgreen;
  border: 20px solid;
}
#target::after {
  width: 200px;
  height: 200px;
  border: 10px solid orange;
}
</style>
<div id="target"></div>
```

which Blink renders as

<img width="467" height="468" src="https://github.com/user-attachments/assets/848ac3b1-fc0f-4856-8d54-37200ca2370c" />

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


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

Received on Tuesday, 28 October 2025 01:18:12 UTC