JSFiddle - React, Tailwind, and code Playground

by annam

HTML

<div id="masked">

</div>

CSS

#masked {
  width: 100px;
  height: 100px;
  background-color: green;
  -webkit-mask-size: auto 60%;
  -webkit-mask-image: url(https://dteyv52hbg2at.cloudfront.net/images/publicsite/home/[email protected]?v=6.0.41);
  -webkit-mask-image: url(https://at5.annam-protodev.com/project/14f07b7b-6cae-4488-8cfc-888118038bbc/dde9ad1a9cdae7d9172ddb8a1df80263.png?db=1&ac=annami2&ts=1539026057&v=568908392);
  -webkit-mask-image: url(https://dev-protoio.s3.eu-west-1.amazonaws.com/annami2-51-proto/projects/14f07b7b-6cae-4488-8cfc-888118038bbc/assets/f1539026058529/dde9ad1a9cdae7d9172ddb8a1df80263.png?AWSAccessKeyId=AKIAIAJ7GN6ONUVXYG3A&Expires=1577961016&Signature=aoBDZcrVh1hXqK7v%2BPMQTVt2OeM%3D&response-cache-control=max-age%3D1296000&v=568908392&ts=1539026057);
)

}