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 vote307 views1 answer
Css placeholder text truncate
CSS
1 vote335 views1 answer
Grid rows css
CSS
0 vote299 views1 answer
Ul list style type image
CSS
0 vote290 views1 answer
Horizontal rule plus text
CSS
1 vote302 views1 answer
Css caret-color property
CSS
0 vote304 views1 answer
How to make a square div in css
CSS
35 votes285 views2 answers
How to blur background color in css
CSS
3 votes340 views5 answers
India
CSS
2 votes315 views1 answer
Clamp margin
CSS
8 votes305 views3 answers
Bootstrap file upload
CSS