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 vote231 views1 answer
How to make website using html and css
CSS
30 votes219 views6 answers
Linear gradient in CSS
CSS
0 vote240 views2 answers
Deployer custom Options
CSS
0 vote256 views1 answer
Show modal in bootstrap 4
CSS
1 vote218 views1 answer
Hex code for khaki
CSS
0 vote240 views2 answers
Webpack alias not working in jest
CSS
38 votes240 views6 answers
Convert object to array
CSS
0 vote243 views1 answer
Css check if class as color white
CSS
11 votes273 views4 answers
Git hard reset to commit
CSS
1 vote217 views1 answer
Import maxcdn.bootstrapcdn.com not in index.html in specific component file
CSS