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.




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-