mask-image png图片遮罩效果实例页面

展示

代码

• HTML：

  <img src="nature-8.jpg" class="mask-image" width="256" height="192">

• CSS：

  .mask-image {
      -webkit-mask: no-repeat center / contain;
      mask: no-repeat center / contain;
      -webkit-mask-image: url(../images/bird.png);
      mask-image: url(../images/bird.png);
  }