@anatudor@mastodon.social#CSS wish: for browsers to implement the `src()` (https://drafts.csswg.org/css-values/#funcdef-src) and `filter()` (https://github.com/web-platform-tests/interop/issues/717) functions.
Combined with the improved `attr()`, this would allow us to give images borders that are gradient versions of themselves using a `border-image` CSS declaration.
Safari supports the `filter()` function, which allows us to apply a filter to just the `border-image-source`. It's not ideal, as we still need to have the image link twice, once in the `src` attribute and once in a custom property set on the same `img`. Oh, well... at least it doesn't require any extra elements, just the `img` suffices.
@codepen demo, but remember, it only works in Safari https://codepen.io/thebabydino/pen/XWxdyro