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 votes184 views1 answer
Css limit line text
CSS
3 votes238 views2 answers
Ui gradient
CSS
0 vote209 views1 answer
Flex: 0 1 auto
CSS
0 vote186 views1 answer
Container transparent text opaque
CSS
29 votes185 views9 answers
Traduttore
CSS
0 vote187 views1 answer
Css for chrome only
CSS
0 vote184 views1 answer
Opposite of :not css
CSS
4 votes178 views3 answers
Css moz webkit generator
CSS
1 vote188 views2 answers
Fit image in grid css
CSS
1 vote190 views2 answers
Image to fill container size
CSS