渐变：半色半透明

Question

我有这行代码

background:linear-gradient(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%);

在这个小提琴中你可以看到它的实际效果

希望这可以帮助！