- From: Oriol Brufau via GitHub <sysbot+gh@w3.org>
- Date: Fri, 05 May 2023 23:26:45 +0000
- To: public-css-archive@w3.org
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