修改LESS变量的alpha透明度

Question

使用LESS，我知道可以改变颜色变量的饱和度或色调。代码如下：

background: lighten(@blue, 20%);

我想改变颜色的alpha透明度，最好像这样：

background: alpha(@blue, 20%);

LESS中有一种简单的方法可以做到这一点吗？

- ben

Answer 1

这个网站的文档给出了答案：

background: fade(@blue, 20%);

根据该文档，函数名称应为fade而不是alpha。

- ScottS

---

谢谢！我已经厌倦了将所有东西转换为RGBA！ - BillyNair

我正在寻找调暗和调亮的方法..文档帮助了我。谢谢。 - user1752532

我同意“fade”对我来说似乎不太准确。Sass做得很好：alpha()，opacity()和rgba()。 - Rich Finelli

记录一下，fade() 无法与 CSS 变量一起使用，即 fade(var(--mycolor), 20%)。 - ed1nh0

Answer 2

为了完整性

fade

设置颜色的绝对透明度。可以应用于已经具有不透明度值或没有不透明度值的颜色。

background: fade(@blue, 20%);

淡入

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

background: fadein(@blue, 80%);

淡出

增加颜色的透明度（或减少不透明度），使其变得不太不透明。如果要淡入另一个方向，请使用淡入。

background: fadeout(@blue, 20%);

查看完整文档

- Adrian Enriquez

---

淡出效果正是我所需要的，谢谢！ - maxime1992