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

1 vote304 views1 answer
Meta refresh only once
CSS
3 votes354 views3 answers
Hide scroll bar when not needed
CSS
-1 vote321 views1 answer
Scss background color
CSS
3 votes320 views2 answers
Scrollbar change css
CSS
0 vote323 views1 answer
Display content in column css
CSS
9 votes329 views6 answers
Round button css
CSS
1 vote336 views2 answers
How to make hr class bootstrap full width
CSS
1 vote337 views1 answer
React hide scrollbar
CSS
27 votes344 views1 answer
How to set text color in ingredient
CSS
17 votes323 views2 answers
Rgb green
CSS