Css 单个渐变到多个图像

我会得到这个结果：

图像将以PNG格式裁剪，无背景和黑色，

---

像单独图像中的渐变一样，CSS也可以吗？

您需要将图像放置在

div

中，然后用所需的渐变设置

div

背景的样式。例如：

HTML

---

这里有一把小提琴显示了它的作用：

是的，您可以指定多个元素，在这些元素中应用css属性。例如，

#img1，#img2{opacity:0.5；}

，但因此指定图像保持相同的梯度。第一幅图像以黄色开头，最后一幅为绿色

<div id="gradient">
    <img src="..." /><img src="..." /><img src="..." />
</div>

#gradient {
    width: 300px; //Whatever the total width of the images is
    height: 61px; //Whatever the height of the images is
    ...  //Gradient CSS goes here
}