修改 LESS 变量的 alpha 不透明度答案

【问题标题】：Modify alpha opacity of LESS variable修改 LESS 变量的 alpha 不透明度
【发布时间】：2012-09-28 01:50:28
【问题描述】：

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

background: lighten(@blue, 20%);

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

background: alpha(@blue, 20%);

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

【问题讨论】：

【解决方案1】：

site documentation 给出了答案：

background: fade(@blue, 20%);

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

【讨论】：

【解决方案2】：

为了完整性

淡出

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

background: fade(@blue, 20%);

淡入

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

background: fadein(@blue, 80%);

淡出

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

background: fadeout(@blue, 20%);

【讨论】：