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

4 votes232 views2 answers
Resize image slowly on hover
CSS
68 votes230 views6 answers
Css cursor pointer
CSS
0 vote254 views1 answer
Unable to load authentication plugin 'caching_sha2_password'. dbeaver
CSS
1 vote244 views1 answer
Width defined by content css
CSS
0 vote208 views1 answer
How to active horizental scroll for navbar menu in mobile screen
CSS
5 votes226 views3 answers
How to trim leading spaces in html using css
CSS
0 vote257 views1 answer
Bootstrap dropdown in accordion problem
CSS Bootstrap
0 vote231 views1 answer
How to give opacity to background only
CSS
0 vote178 views1 answer
Advanced custom fields cpt options pages
CSS
1 vote212 views1 answer
How to use rgba in css
CSS