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

3 votes180 views3 answers
Unsplash url
CSS
0 vote242 views1 answer
How do I make secret keys available in gatsby-config from Netlify
CSS
1 vote179 views1 answer
Replace icon with image css
CSS
1 vote189 views1 answer
Hide cursor css
CSS
1 vote181 views1 answer
Html how to use a background image fill not stretch
CSS
7 votes185 views2 answers
Use text-align to justify the paragraph style
CSS
0 vote198 views2 answers
How to add a selection in css
CSS
0 vote194 views1 answer
Line cap css
CSS
0 vote190 views1 answer
Change the bullet point color css
CSS
0 vote194 views1 answer
How mto change the label font style in css
CSS