修改LESS变量的alpha不透明度

时间:2012-10-07 17:26:57

标签: css variables less opacity alpha

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

background: lighten(@blue, 20%);

但我想改变颜色的alpha不透明度。最喜欢这样:

background: alpha(@blue, 20%);

在LESS中有一种简单的方法吗?

2 个答案:

答案 0 :(得分:272)

site documentation给出答案:

background: fade(@blue, 20%);

根据该文件,函数名称为fade而非alpha

答案 1 :(得分:22)

完整性

<强>淡入

  

降低颜色的透明度(或增加不透明度)   它更不透明。

示例:LIKE

<强>淡出

  

增加颜色的透明度(或降低不透明度)   它不那么不透明。要淡出另一个方向,请使用fadein。

示例:background: fadein(@blue, 80%);

<强>褪色

  

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

示例:background: fadeout(@blue, 20%);

Source