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

0 vote296 views1 answer
Css 2 images side by side to stack
CSS
19 votes280 views6 answers
Map method
CSS
8 votes363 views3 answers
Bootstrap file upload
CSS Bootstrap
1 vote285 views1 answer
Mat stepper custom css
CSS
0 vote299 views1 answer
Style scrollbar table
CSS
0 vote280 views1 answer
Align icon center div
CSS
0 vote305 views1 answer
Oracle apex interactive report odd even
CSS
107 votes292 views4 answers
How to add background shadow css
CSS
6 votes231 views2 answers
How to change text on hover
CSS
0 vote281 views1 answer
Add image under header html
CSS