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 votes198 views1 answer
Css click effect
CSS
67 votes201 views6 answers
How to center a div in css
CSS
0 vote197 views1 answer
Imporatn css
CSS
0 vote183 views1 answer
Mac input shadow
CSS
3 votes188 views2 answers
Form css
CSS
0 vote190 views1 answer
How to mirror flip a video tag css
CSS
0 vote229 views1 answer
How to resolve issue in wordpress css isn;t load
CSS
0 vote223 views1 answer
Animating a text in css
CSS
25 votes191 views5 answers
Image blur css
CSS
1 vote198 views2 answers
Background shorthand code
CSS