css - 渐变:半色半透明

Question

我有这行代码

背景:线性渐变(341deg, #8a8a8a 0%, #8a8a8a 31.9%, #000 32.1%, #000 100%);

如您所见，它一半是灰色一半是黑色。有没有办法让它的灰色部分变成透明的，这样它就变成了一半透明一半黑色..

提前致谢，凯文

Answer 1

您可以使用 rgba() 实现此目的，其中前 3 个参数是您想要的颜色(在您的例子中是 138, 138, 138)，最后一个参数是不透明度(在您的情况下为 0)

举个例子，你的代码会变成这样:

background:linear-gradient(341deg, rgba(138,138,138,0)  0%, rgba(138,138,138,0)  31.9%, #000 32.1%, #000 100%);

在此fiddle你可以看到它在运行

希望这对您有所帮助!