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 votes271 views1 answer
Bootstrap 5 auto darkmode 5
CSS Bootstrap
35 votes250 views4 answers
Open command palette vscode mac
CSS
0 vote256 views1 answer
Override vuetify container width
CSS
0 vote260 views1 answer
Ul text decoration css
CSS
22 votes277 views5 answers
Grid center
CSS
0 vote272 views1 answer
Css tips and tricks to handle the complicated stuffs in design part which is helpfull to handle at tha critical time and to deliver requirement to the client to the main resource
CSS
0 vote253 views1 answer
Fix scroll css position sticky
CSS
1 vote249 views1 answer
On clicking a link it gets red color
CSS
0 vote240 views1 answer
Ubuntu phantomjs wrong paper size
CSS
0 vote262 views2 answers
Css firefox remove scrollbar
CSS