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

6 votes333 views2 answers
Css grid full width row
CSS
3 votes363 views6 answers
Htaccess
CSS
164 votes409 views6 answers
Box-shadow css
CSS
1 vote344 views1 answer
Css linkup
CSS
0 vote325 views1 answer
Unhover animation
CSS
2 votes380 views1 answer
Bootstrap 5 auto darkmode 5
CSS Bootstrap
1 vote282 views2 answers
Css darken
CSS
5 votes358 views1 answer
Disregard incoming git pull and return to last commit
CSS
43 votes338 views5 answers
Css text overflow
CSS
29 votes402 views6 answers
BackgroundImage react
CSS