Skip to content
New issue

Have a question about this project? # for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “#”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? # to your account

CSS Masks: support for mask-image on SVG shapes #7207

Open
RJWadley opened this issue Nov 12, 2024 · 0 comments
Open

CSS Masks: support for mask-image on SVG shapes #7207

RJWadley opened this issue Nov 12, 2024 · 0 comments

Comments

@RJWadley
Copy link

sample: https://codepen.io/RJWadley/full/XWvOMev

Should caniuse track this? Safari notably does not support this, chrome added support fairly recently. If tracked, this probably belongs as a note on css-masks. If this is too specific for caniuse, I may see if bcd is interested in tracking it.

from my testing, the support is:
chrome 121+
safari - no support
firefox - 53+
old edge - no support
new edge - mirrors chrome
opera - 107+ (mirrors chrome)
ie - no support (obviously)

haven't tested on any mobile or minor browsers yet. I'll open a PR when I have time to check them.

relevant

https://www.w3.org/TR/css-masking-1/#the-mask-image
https://bugs.webkit.org/show_bug.cgi?id=267211

# for free to join this conversation on GitHub. Already have an account? # to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant