CSS mask-image property

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;

image

It adds an image as the mask.

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

Applicable to

It applies to all elements

From web4college, the free CSS digger

#CSS digger
Was this article helpful?

 
▾
×

Ctrl+D