mask-image

Read More at MDN DocsView Spec

Safe to Use

mask-image is not safe to use.

It’s supported by 22% of global browsers.

Browsers

ChromeUnsupported
Chrome does not support this feature.
SafariMar 15, 2022v15.4.0
5%╱83%
There are no users of Safari running a supported version.
EdgeUnsupported
Edge does not support this feature.
FirefoxApr 19, 2017v53.0.0
2%╱98%
There are no users of Firefox running a supported version.

Version Breakdown

 
Agent
Support
Adoption
Chrome
Unsupported
Chrome does not support this feature.
Dec 11, 2008 – Latest
v1.0.0+
26%╱100%

Implemented with the vendor prefix: -webkit-

From version 8, Chrome added support for gradient values. Initially, Chrome supported only -webkit- prefixed values for gradients (such as -webkit-linear-gradient()). Later, support for unprefixed values was added.

Chrome Android
Unsupported
Chrome Android does not support this feature.
Jun 27, 2012 – Latest
v18.0.0+
36%╱100%

Implemented with the vendor prefix: -webkit-

From version 8, Chrome added support for gradient values. Initially, Chrome supported only -webkit- prefixed values for gradients (such as -webkit-linear-gradient()). Later, support for unprefixed values was added.

Edge
Unsupported
Edge does not support this feature.
Jan 15, 2020 – Latest
v79.0.0+
5%╱100%

Implemented with the vendor prefix: -webkit-

Jan 15, 2020 – Latest
v79.0.0+

No Support, Feature Removed

Oct 17, 2017 – Jan 15, 2020
v16.0.0 – v79.0.0
0%╱0%

Full Support

Firefox
Apr 19, 2017 v53.0.0
2%╱98%
There are no users of Firefox running a supported version.
Apr 19, 2017 – Latest
v53.0.0+
2%╱98%

Full Support

Firefox for Android
Apr 19, 2017 v53.0.0
Firefox for Android supports this feature.
Apr 19, 2017 – Latest
v53.0.0+

Full Support

Internet Explorer
Unsupported
Internet Explorer does not support this feature.

No Support

 
Quest Browser
Unsupported
Quest Browser does not support this feature.
Unknown
v5.0.0+

Implemented with the vendor prefix: -webkit-

From version 8, Chrome added support for gradient values. Initially, Chrome supported only -webkit- prefixed values for gradients (such as -webkit-linear-gradient()). Later, support for unprefixed values was added.

Opera
Unsupported
Opera does not support this feature.
Jul 2, 2013 – Latest
v15.0.0+
1%╱100%

Implemented with the vendor prefix: -webkit-

Opera Android
Unsupported
Opera Android does not support this feature.
May 21, 2013 – Latest
v14.0.0+

Implemented with the vendor prefix: -webkit-

Safari
Mar 15, 2022 v15.4.0
5%╱83%
There are no users of Safari running a supported version.
Mar 15, 2022 – Latest
v15.4.0+
5%╱83%

Full Support

Jun 8, 2009 – Latest
v4.0.0+
5%╱100%

Implemented with the vendor prefix: -webkit-

Initially, Safari supported only -webkit- prefixed values for gradients (such as -webkit-linear-gradient()). Later, support for unprefixed values was added.

Safari on iOS
Mar 15, 2022 v15.4.0
15%╱91%
There are no users of Safari on iOS running a supported version.
Mar 15, 2022 – Latest
v15.4.0+
15%╱91%

Full Support

Apr 3, 2010 – Latest
v3.2.0+
17%╱100%

Implemented with the vendor prefix: -webkit-

Initially, Safari supported only -webkit- prefixed values for gradients (such as -webkit-linear-gradient()). Later, support for unprefixed values was added.

Samsung Internet
Unsupported
Samsung Internet does not support this feature.
Apr 27, 2013 – Latest
v1.0.0+
2%╱100%

Implemented with the vendor prefix: -webkit-

WebView Android
Unsupported
WebView Android does not support this feature.
Oct 26, 2009 – Latest
v2.0.0+

Implemented with the vendor prefix: -webkit-

Initially, Android supported only -webkit- prefixed values for gradients (such as -webkit-linear-gradient()). Later, support for unprefixed values was added.

See Also

Contribute