mask-size:cover与图片遮罩效果示意实例页面
回到相关文章 »效果:
下图应用了mask-size:cover
下面是原始图:
代码:
CSS代码:
.mask-image { width: 250px; height: 187.5px; -webkit-mask-image: url(star.svg); mask-image: url(star.svg); -webkit-mask-size: cover; mask-image: cover; }
HTML代码:
<h4>下图应用了mask-size:cover</h4> <img src="ps1.jpg" class="mask-image">