Skip to content
New issue

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

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

Already on GitHub? Sign in to your account

Add support for `mask-composite` #1199

Closed
iamvdo opened this Issue Mar 5, 2019 · 3 comments

Comments

Projects
None yet
2 participants
@iamvdo
Copy link
Contributor

iamvdo commented Mar 5, 2019

Reading this article this morning and wondering if this could be added to autoprefixer:

https://css-tricks.com/mask-compositing-the-crash-course/

Especially interesting here is the “Extending support” part

First

mask-composite: add | substract | intersect | exclude

should add

-webkit-mask-composite: source-over | source-out | source-in | xor

Then, cannot use old keywords in shorthand, so

mask: url(...) add, url(...)

should add

-webkit-mask: url(...), url(...);
-webkit-mask-composite: source-over;

Finally, if keyword is source-in, add , xor (but only if one keyword?), so

mask: url(...) intersect, url(...)

should add

-webkit-mask: url(...), url(...);
-webkit-mask-composite: source-in, xor;
@ai

This comment has been minimized.

Copy link
Member

ai commented Mar 5, 2019

Seems like we can use https://caniuse.com/#feat=css-masks

@ai ai added the support label Mar 5, 2019

@ai

This comment has been minimized.

Copy link
Member

ai commented Mar 13, 2019

Fixed by #1202

@ai ai closed this Mar 13, 2019

@ai

This comment has been minimized.

Copy link
Member

ai commented Mar 14, 2019

Released in 9.5

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.