热门关键字:
jquery > jquery教程 > jquery教程 > 用-webkit-mask实现蒙版

用-webkit-mask实现蒙版

287
作者:管理员
发布时间:2020/9/29 9:34:44
评论数:0
转载请自觉注明原文:http://www.jq-school.com/Show.aspx?id=2657

效果图:

可以让你受益匪浅的10个css使用技巧,值得收藏


代码:

background: url("images/logo.png") no-repeat;-webkit-mask : url("images/mask.png");

mask.png中黑色代表是不透明的(alpha:1),其他部分为透明的(alpha:0),将它盖在背景图上,注意:背景图对应mask.png中透明的位置也会变成透明,留下非透明的形状,即背景图的可见形状与mask.png的可见形状相同,即为"蒙版"。





如果您觉得本文的内容对您的学习有所帮助:支付鼓励



关键字:css
友荐云推荐