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 vote148 views1 answer
Script for free code camp test
CSS
161 votes202 views6 answers
Css bold text
CSS
0 vote166 views1 answer
How to give linear transprerancyon background image
CSS
0 vote155 views1 answer
Postion on window top css
CSS
1 vote156 views1 answer
Ionchips scroll x
CSS
0 vote154 views1 answer
Css nth child range
CSS
0 vote207 views3 answers
Bootstrap grid only css npm install
CSS Bootstrap
1 vote164 views1 answer
How to set media query for both width and height in css
CSS
0 vote156 views1 answer
Flexbox 3 columns
CSS
0 vote152 views1 answer
How to put an element in front
CSS