mask

Read More at MDN DocsView Spec

Safe to Use

mask is not safe to use.

It’s supported by 3% of global browsers.

Browsers

ChromeUnsupported
Chrome does not support this feature.
SafariUnsupported
Safari does not support this feature.
EdgeUnsupported
Edge does not support this feature.
FirefoxOct 24, 2006v2.0.0
3%╱100%
100% of Firefox users are 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%

Partial Support

While the property is recognized, values applied to it don't have any effect.

Dec 11, 2008 – Latest
v1.0.0+
26%╱100%

Implemented with the vendor prefix: -webkit-

The prefixed property can be used with SVG and HTML with a slightly different syntax, which allows setting the non-standard -webkit-mask-attachment property.

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

Partial Support

While the property is recognized, values applied to it don't have any effect.

Jun 27, 2012 – Latest
v18.0.0+
36%╱100%

Implemented with the vendor prefix: -webkit-

The prefixed property can be used with SVG and HTML with a slightly different syntax, which allows setting the non-standard -webkit-mask-attachment property.

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

Partial Support

While the property is recognized, values applied to it don't have any effect.

Jan 15, 2020 – Latest
v79.0.0+
5%╱100%

Implemented with the vendor prefix: -webkit-

The prefixed property can be used with SVG and HTML with a slightly different syntax, which allows setting the non-standard -webkit-mask-attachment property.

Jan 15, 2020 – Latest
v79.0.0+

No Support, Feature Removed

Jul 28, 2015 – Jan 15, 2020
v12.0.0 – v79.0.0
0%╱0%

Full Support

Firefox
Oct 24, 2006 v2.0.0
3%╱100%
100% of Firefox users are running a supported version.
Oct 24, 2006 – Latest
v2.0.0+
3%╱100%

Full Support

From Firefox 10, the default color space when handling masks is sRGB. Previously, the default and only supported color space was linear RGB. This changes the appearance of mask effects, but brings Firefox into compliance with the second edition of the SVG 1.1 specification.

Firefox for Android
Mar 29, 2011 v4.0.0
Firefox for Android supports this feature.
Mar 29, 2011 – Latest
v4.0.0+

Full Support

From Firefox 10, the default color space when handling masks is sRGB. Previously, the default and only supported color space was linear RGB. This changes the appearance of mask effects, but brings Firefox into compliance with the second edition of the SVG 1.1 specification.

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+

Partial Support

While the property is recognized, values applied to it don't have any effect.

Unknown
v5.0.0+

Implemented with the vendor prefix: -webkit-

The prefixed property can be used with SVG and HTML with a slightly different syntax, which allows setting the non-standard -webkit-mask-attachment property.

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

Partial Support

While the property is recognized, values applied to it don't have any effect.

Jul 2, 2013 – Latest
v15.0.0+
1%╱100%

Implemented with the vendor prefix: -webkit-

The prefixed property can be used with SVG and HTML with a slightly different syntax, which allows setting the non-standard -webkit-mask-attachment property.

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

Partial Support

While the property is recognized, values applied to it don't have any effect.

May 21, 2013 – Latest
v14.0.0+

Implemented with the vendor prefix: -webkit-

The prefixed property can be used with SVG and HTML with a slightly different syntax, which allows setting the non-standard -webkit-mask-attachment property.

Safari
Unsupported
Safari does not support this feature.
Mar 18, 2008 – Latest
v3.1.0+
5%╱100%

Partial Support

While the property is recognized, values applied to it don't have any effect.

Mar 18, 2008 – Latest
v3.1.0+
5%╱100%

Implemented with the vendor prefix: -webkit-

The prefixed property can be used with SVG and HTML with a slightly different syntax, which allows setting the non-standard -webkit-mask-attachment property.

Safari on iOS
Unsupported
Safari on iOS does not support this feature.
Jul 11, 2008 – Latest
v2.0.0+
17%╱100%

Partial Support

While the property is recognized, values applied to it don't have any effect.

Jul 11, 2008 – Latest
v2.0.0+
17%╱100%

Implemented with the vendor prefix: -webkit-

The prefixed property can be used with SVG and HTML with a slightly different syntax, which allows setting the non-standard -webkit-mask-attachment property.

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

Partial Support

While the property is recognized, values applied to it don't have any effect.

Apr 27, 2013 – Latest
v1.0.0+
2%╱100%

Implemented with the vendor prefix: -webkit-

The prefixed property can be used with SVG and HTML with a slightly different syntax, which allows setting the non-standard -webkit-mask-attachment property.

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

Partial Support

While the property is recognized, values applied to it don't have any effect.

Oct 26, 2009 – Latest
v2.0.0+

Implemented with the vendor prefix: -webkit-

The prefixed property can be used with SVG and HTML with a slightly different syntax, which allows setting the non-standard -webkit-mask-attachment property.

See Also

Contribute