CSS Masks
Method of displaying part of an element, using a selected image as a mask
IE | Edge | Firefox | Chrome | Safari | Opera | iOS Safari | Opera Mini | Android Browser | Blackberry Browser | Opera Mobile | Chrome for Android | Firefox for Android | IE Mobile | UC Browser for Android | Samsung Internet | QQ Browser | Baidu Browser |
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
49webkit
See notes:
|
|||||||||||||||||
56webkit
See notes:
|
9.3webkit
See notes:
|
4.4webkit
See notes:
|
|||||||||||||||
14 | 52
See notes:
|
57webkit
See notes:
|
10webkit
See notes:
|
10.0-10.2webkit
See notes:
|
4.4.3-4.4.4webkit
See notes:
|
4webkit
See notes:
|
|||||||||||
11 | 15 | 53 | 58webkit
See notes:
|
10.1webkit
See notes:
|
44webkit
See notes:
|
10.3webkit
See notes:
|
all | 56webkit
See notes:
|
10webkit
See notes:
|
37o
See notes:
|
57webkit
See notes:
|
52
See notes:
|
11 | 11.4webkit
See notes:
|
5webkit
See notes:
|
1.2webkit
See notes:
|
7.12webkit
See notes:
|
54 | 59webkit
See notes:
|
TPwebkit
See notes:
|
45webkit
See notes:
|
||||||||||||||
55 | 60webkit
See notes:
|
46webkit
See notes:
|
|||||||||||||||
56 | 61webkit
See notes:
|
Notes
-
1
Partial support in WebKit/Blink browsers refers to supporting the mask-image and mask-box-image properties, but lacking support for other parts of the spec.
-
2
Partial support in Firefox refers to only support for inline SVG mask elements i.e. mask: url(#foo).
-
3
Partial support refers to supporting the mask-box-image shorthand but not the longhand properties