CSS mask-image Property
In CSS, the mask-image property is used to set the mask of an image or text. In CSS, it is used to create a mask layer for a specific element.
Syntax
Property Values
| Value | Description |
|---|---|
| none | This is the default setting. |
| image | A picture to be used as the mask layer. |
| url | A link to an image or an SVG mask element. |
| initial | This property is set to its default value. |
| inherit | This property is inherited from its parent element. |
Supported Browsers
| Property | Chrome | Firefox | Safari | Edge / IE | Opera |
|---|---|---|---|---|---|
| mask-image | 4.0 -webkit- | 53.0 | 4.0 -webkit- | 79.0 -webkit- | 15.0 -webkit- |