Re: [csswg-drafts] [css-background] Multi-layer and border style/radius support for border-image (#8802)

OK sure, I thought you wanted another effect, that's not suitable for `<image-1D>`.
But consider using backgrounds:

```css
background: linear-gradient(to bottom right, #3c3c3c, #292929) padding-box,
            linear-gradient(to bottom right, #ffffff, #ffff00, #ff0000, #ff00ff) border-box;
```

![](https://user-images.githubusercontent.com/7477678/236584121-482958d6-30e4-4056-b10f-358fe7475b5c.png)

<details><summary>Full code</summary>

```html
<!DOCTYPE html>
<style>
:root {
  background: #555555;
}
div {
  background: linear-gradient(to bottom right, #3c3c3c, #292929) padding-box,
              linear-gradient(to bottom right, #ffffff, #ffff00, #ff0000, #ff00ff) border-box;
  border: 1px solid transparent;
  border-radius: 1em;
  height: 100px;
  width: 200px;
  padding: 1em;
  color: #ffffff;
}
</style>
<div>Lorem ipsum</div>
```

</details>


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


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

Received on Friday, 5 May 2023 23:26:47 UTC