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 votes401 views1 answer
Bootstrap 3 offset
CSS Bootstrap
20 votes347 views6 answers
Remove bullets from ul
CSS
7 votes416 views6 answers
Css background overlay
CSS
0 vote358 views2 answers
How set image at top in wordpress
CSS
1 vote337 views1 answer
Disable checkbox click event
CSS
17 votes384 views1 answer
Yarn start not working on powershell
CSS
0 vote380 views3 answers
Slick slider and ACF Pro in WordPress
CSS
0 vote378 views1 answer
Css color gradient background full height
CSS
0 vote353 views1 answer
Animation clip path
CSS
0 vote341 views1 answer
How to style navbar-toggler-icon bootstrap 5
CSS