mask-image-expected.html 416 B

123456
  1. <!doctype HTML>
  2. <div id="target1" style="width: 100px; height: 100px; background: blue;
  3. -webkit-mask-image: linear-gradient(transparent, green)"></div>
  4. <div id="target2" style="width: 100px; height: 100px; background: green;
  5. -webkit-mask-image: linear-gradient(transparent, green)"></div>
  6. <div id="target3" style="width: 100px; height: 100px; background: cyan"></div>