mask-mode:luminance与png图片遮罩效果示意实例页面
回到相关文章 »效果：
下面是原始图：
代码：
CSS代码：
.mask-image {
width: 250px; height: 187.5px;
-webkit-mask-image: url(loading.png);
mask-image: url(loading.png);
-webkit-mask-mode: luminance;
mask-mode: luminance;
}
HTML代码：
<img src="ps1.jpg" class="mask-image">