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 vote157 views1 answer
Css background half one color the other half another color
CSS
0 vote123 views1 answer
Transform translate-x ie11
CSS
2 votes199 views1 answer
Https request
CSS
5 votes193 views6 answers
Ruby cheat sheet
CSS
42 votes174 views6 answers
Disable textarea resize
CSS
2 votes158 views10 answers
Robux
CSS
0 vote162 views4 answers
Tailwind to css converter
CSS
29 votes184 views6 answers
Input focus border
CSS
5 votes172 views2 answers
How to make page responsive using css
CSS
5 votes123 views1 answer
Css custom strikethrough
CSS