- From: jsnkuhn via GitHub <sysbot+gh@w3.org>
- Date: Mon, 01 Aug 2022 18:06:43 +0000
- To: public-css-archive@w3.org
jsnkuhn has just created a new issue for https://github.com/w3c/csswg-drafts: == [css-images][css-backgrounds] make `border-image` and `border-radius` work together == Something that commonly pops up in conversations around `border-image` is that it does not function with `border-radius`. Example: Here is a recent article where `border-image` is listed as an honorable mention for a border animation because it can't be used with the `border-radius` https://web.dev/css-border-animations/#bonus-content:-border-image I'm not sure why it wouldn't be possible to have a gradient as a `border-image-source` that follows the rounded corner. I can't find any mention of this interaction in the spec but it does seem consistent across browser that the `border-radius` is ignored https://codepen.io/jsnkuhn/pen/eYMVOEG https://drafts.csswg.org/css-images/ https://drafts.csswg.org/css-backgrounds/ ...This also seems to have similar implications for `corner-shape`/ `element-shape` Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/7550 using your GitHub account -- Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config
Received on Monday, 1 August 2022 18:06:45 UTC