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

2 votes149 views1 answer
Media queries css responsive max width
CSS
50 votes154 views3 answers
Simple css reset
CSS
10 votes191 views4 answers
Bootstrap badges Links
CSS
0 vote165 views1 answer
When grepper whas created
CSS
174 votes218 views6 answers
How to add background image in css
CSS
0 vote160 views1 answer
Css pixel art
CSS
19 votes144 views1 answer
Set pleasholders color css
CSS
0 vote159 views1 answer
Css footer always at bottom but visible
CSS
1 vote163 views1 answer
Uibutton image
CSS
0 vote157 views1 answer
How to loop a javascript array
CSS