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 vote328 views1 answer
Dropright css
CSS
0 vote356 views2 answers
How to make grid css
CSS
0 vote747 views1 answer
Visited in css
CSS
1 vote358 views1 answer
Why top -10 css?
CSS
3 votes351 views2 answers
How to align elements horizontally in css
CSS
0 vote359 views2 answers
Upload directory ssh to remote rsync
CSS
1 vote339 views1 answer
How to change the underline thickness in css
CSS
196 votes565 views10 answers
Internet explorer
CSS
2 votes346 views2 answers
Remove the glow in bootstrap input
CSS
8 votes336 views2 answers
Invert png color css
CSS