在Web开发中，使用CSS遮罩图片是常用的技巧之一。通过使用CSS背景和遮罩属性，我们可以轻松地将多个图片组合在一起，以创建出具有吸引力的视觉效果。下面是一些CSS多个图片遮罩代码，供大家参考：

使用一个背景图片和一个遮罩图片：

.container {
background-image: url(bg-image.jpg);
mask-image: url(mask-image.png);
-webkit-mask-image: url(mask-image.png);
}

使用重复背景图片和一个遮罩图片：

.container {
background-image: url(repeat-bg-image.jpg);
background-repeat: repeat;
mask-image: url(mask-image.png);
-webkit-mask-image: url(mask-image.png);
}

使用多个背景图片和一个遮罩图片：

.container {
background-image: url(bg-image1.jpg), url(bg-image2.jpg);
mask-image: url(mask-image.png);
-webkit-mask-image: url(mask-image.png);
}

使用多个重复背景图片和一个遮罩图片：

.container {
background-image: url(repeat-bg-image1.jpg), url(repeat-bg-image2.jpg);
background-repeat: repeat, repeat;
mask-image: url(mask-image.png);
-webkit-mask-image: url(mask-image.png);
}

使用多个背景图片和多个遮罩图片：

.container {
background-image: url(bg-image1.jpg), url(bg-image2.jpg);
mask-image: url(mask-image1.png), url(mask-image2.png);
-webkit-mask-image: url(mask-image1.png), url(mask-image2.png);
}

使用多个重复背景图片和多个遮罩图片：

.container {
background-image: url(repeat-bg-image1.jpg), url(repeat-bg-image2.jpg);
background-repeat: repeat, repeat;
mask-image: url(mask-image1.png), url(mask-image2.png);
-webkit-mask-image: url(mask-image1.png), url(mask-image2.png);
}

无论你想要使用哪种方法，记得测试你的代码以确保它产生了你期望的结果。通过使用CSS遮罩图片，你可以使你的网站更加有吸引力和生动。