倒影和遮罩

-webkit-mask-image:url('images/2.png');

-webkit-mask-size:50%;

-webkit-mask-repeat:no-repeat;

-webkit-mask-position:center;

-webkit-mask:url('images/2.png') repeat center/25%

倒影不占位置

位置direction above 上面 below下面 left right

offset 图像和倒影之间的距离 可以为负值

mask-box-images 遮罩图像 只能放透明图片 png

-webkit-mask-size:50%;遮罩图像的大小

-webkit-mask-repeat:no-repeat;遮罩图像的平铺

猜你喜欢

转载自blog.csdn.net/qq_36379070/article/details/81177120