mask-image base64格式png图片遮罩效果示意实例页面

回到相关文章 »

效果：

下面是原始图：

代码：

CSS代码：

.mask-image {
    width: 250px; height: 187.5px;
    -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAA...MABJma+jOTOcYwAAAABJRU5ErkJggg==);
    mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA...cYwAAAABJRU5ErkJggg==);
}

HTML代码：

<img src="ps1.jpg" class="mask-image">