mask遮罩优化PNG图片的尺寸实例页面

展示

代码

• HTML：

  <img src="leaf.jpg" width="300">

• CSS：

  img {
      --mask-url: url(leaf-mask.png);
      -webkit-mask-image: var(--mask-url);
      mask-image: var(--mask-url);
      -webkit-mask-size: 300px;
      mask-size: 300px;
  }