2012-10-07 49 views
139

使用LESS,我知道我可以更改顏色變量的飽和度或色調。看起來像這樣:修改LESS變量的alpha不透明度

background: lighten(@blue, 20%); 

雖然,我想改變我的顏色的alpha不透明度。最好是這樣的:

background: alpha(@blue, 20%); 

有沒有簡單的方法在LESS中做到這一點?

回答

242

site documentation給出了答案:

background: fade(@blue, 20%); 

函數名稱根據該文件是fadealpha

+1

不能相信我沒有找到我自己。謝謝! – ben

+0

謝謝!我已經厭倦了將所有內容轉換爲RGBA! – BillyNair

+0

我正在尋找變暗和減輕..文件讓我在那裏。謝謝 – 2014-04-08 13:05:06

16

爲了完整性

淡入

降低透明度(或增加不透明度)的顏色的,使得它 更不透明。

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

淡出

增加透明度(或減少不透明度)的顏色的,使得它 較少不透明的。淡入另一個方向使用淡入淡出。

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

褪色

設置的顏色的絕對透明度。無論它們是否具有不透明度值,都可以應用於顏色 。

例子:background: fade(@blue, 20%);

Source

+0

Fadeout正是我一直在尋找的,謝謝! – Maxime