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