Web4College

CSS mask-image property

src

Description

CSS mask-image property adds an image as the mask of an element.

We will apply mask to a green box in the demo.

Syntax

mask-image : none | image

Property values

noneDefault

It does not add any mask to an element.

mask-image: none;
Try it

image

It adds an image as the mask.

mask-image: url(img/web4college.png);
Try it

Applicable to

It applies to all elements