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 vote176 views2 answers
Html overflow scroll only if needed with exemple
CSS
0 vote189 views1 answer
Add shadow to iframe
CSS
0 vote171 views1 answer
Make an anchor tag inactive
CSS
20 votes190 views5 answers
Background color transparent opacity css
CSS
-1 vote141 views1 answer
How to make div possion top in css
CSS
0 vote183 views1 answer
Css 2 divs nebeneinander
CSS
2 votes183 views1 answer
Table add margin between rows
CSS
0 vote202 views1 answer
Webpack how to disable warning when run build
CSS
17 votes190 views1 answer
Yarn start not working on powershell
CSS
0 vote194 views1 answer
Target button of fileinput css
CSS