Mask image css

#masked {
  width: 100px;
  height: 100px;
  background-color: #8cffa0;
  -webkit-mask-image: url(https://mdn.mozillademos.org/files/12676/star.svg);
  mask-image: url(https://mdn.mozillademos.org/files/12676/star.svg);
}

Source: developer.mozilla.org

Mask image css

<div id="masked"></div>

Source: developer.mozilla.org

Similar codes

4 votes216 views1 answer
Make border to div
CSS
14 votes225 views4 answers
Css first of type
CSS
16 votes243 views4 answers
How to make image a circle css
CSS
9 votes201 views3 answers
Set whole website background image
CSS
0 vote222 views1 answer
Bootstrap modal overflow
CSS
0 vote198 views1 answer
Css hot to center image in bootsrtap container
CSS
0 vote190 views1 answer
How to add style .css in wp
CSS
0 vote203 views1 answer
Uninstall wine 6.0.1
CSS
29 votes213 views3 answers
Green hex code
CSS
10 votes237 views5 answers
Css hr thickness
CSS