JSFiddle - React, Tailwind, and code Playground

by mahdiar_mansouri

HTML

<div class="masked"></div>

CSS

.masked {
  width: 400px;
  height: 400px;
  background-color: #700;
  -webkit-mask-image: url(https://mdn.github.io/css-examples/masking/MDN.svg);
  mask-image:url(https://mdn.github.io/css-examples/masking/MDN.svg);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-composite: source-over;
  mask-composite: subtract ;
}