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 vote275 views3 answers
Boostarp grid npm css react
CSS
3 votes300 views2 answers
Css select all elements except last css
CSS
1 vote296 views2 answers
Overflow-x hidden not working
CSS
0 vote346 views2 answers
How to bring a text in middle center of a tile css in anchor tag inline elements
CSS
0 vote303 views1 answer
Inherit styles
CSS
0 vote333 views1 answer
Button slanted slide on hover
CSS
1 vote293 views1 answer
Calculate min number in css
CSS
120 votes268 views6 answers
Css hide scrollbar
CSS
1 vote314 views1 answer
Why top -10 css?
CSS
2 votes293 views2 answers
Css border top linear gradient
CSS