我有这行代码

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

如您所见,它的一半是灰色,一半是黑色。有没有办法使它的灰色部分透明,那么它将变成一半透明一半黑色。

提前致谢,
凯文

最佳答案

您可以使用rgba()来实现,其中前三个参数是所需的颜色(在您的情况下为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中,您可以看到它的运行

希望这可以帮助!

关于css - 渐变色:半色半透明,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/37179620/

10-11 23:32