Css 修改较小变量的alpha不透明度

使用LESS，我知道我可以更改颜色变量的饱和度或色调。看起来是这样的：

background: lighten(@blue, 20%);

background: alpha(@blue, 20%);

不过，我想更改颜色的alpha不透明度。最好是这样：

background: lighten(@blue, 20%);

background: alpha(@blue, 20%);

有没有一种简单的方法可以用更少的时间完成这项工作

答案如下：

background: fade(@blue, 20%);

根据该文档，函数名为

fade

not

alpha

。

以确保完整性 淡入淡出

设置颜色的绝对透明度。可以应用于颜色 它们是否已具有不透明度值

background: fade(@blue, 20%);

fadein

降低颜色的透明度（或增加不透明度），使 它更不透明

background: fadein(@blue, 80%);

淡出

增加颜色的透明度（或降低不透明度），使 它不那么不透明。要在另一个方向淡入淡出，请使用fadein

background: fadeout(@blue, 20%);

---

谢谢！我已经厌倦了把一切都转换成RGBA！我在寻找黑暗和光明。。医生带我去的。谢谢我同意“褪色”对我来说并不准确。Sass做得很好：alpha（）、opacity（）和rgba（）。请注意，

fade（）

不适用于CSS变量，即

fade（var（--mycolor），20%）

Fadeout正是我想要的，谢谢！