mask-image

Sets the mask layer image of an element. 7.1 Mask Image Source: the mask-image property

Links about mask-image

1. How to use CSS masking

   posted on September 14, 2020

   CSS masking gives you the option of using an image as a mask layer. This means that use can use an image, an SVG, or a gradient as your mask, to create interested effects without an image editor.

   

2. mask-image

   posted on July 20, 2020 by MDN

   The mask-image CSS property sets the image that is used as mask layer for an element.

   

3. Can I use... Support tables for HTML5, CSS3, etc

   posted on September 24, 2020 by Can I use

   

Code sample

div {
  mask-image: url(resources.svg#mask2);
}