单个渐变到多个图像

Question

我会得到这个结果： 图像

图像将在没有背景和黑色的PNG中裁剪，就像单独的图像中的渐变一样，它可以用CSS吗？

Answer 1

您将需要将图像放在div ，然后使用所需的渐变为div的背景设置样式。 例如：

HTML

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

CSS

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

这是一个小提琴，显示它在行动： http ： //jsfiddle.net/2aHHu/