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

50 votes326 views6 answers
Css align center
CSS
1 vote330 views1 answer
Css animation stop
CSS
1 vote357 views1 answer
Html center video
CSS
0 vote427 views1 answer
Ratio bootstrap
CSS Bootstrap
0 vote373 views1 answer
Rotate icon
CSS
3 votes363 views2 answers
Css check if mobile
CSS
7 votes357 views2 answers
Use text-align to justify the paragraph style
CSS
1 vote336 views1 answer
Css var negative
CSS
0 vote369 views1 answer
In 10 seconds fade in a card html css
CSS
0 vote333 views1 answer
Drupal 8 Notice: Trying to get property
CSS