web-dev-qa-db-ja.com

LESS変数のアルファ不透明度を変更する

LESSを使用すると、色変数の彩度または色合いを変更できることがわかります。次のようになります。

background: lighten(@blue, 20%);

ただし、色のアルファの不透明度を変更したいです。できればこのように:

background: alpha(@blue, 20%);

LESSでこれを行う簡単な方法はありますか?

156
ben

サイトのドキュメント は答えを与えます:

background: fade(@blue, 20%);

そのドキュメントによると、関数名はfadeではなくalphaです。

284
ScottS

完全を期すために

フェード

色の絶対的な透明度を設定します。すでに不透明度の値があるかどうかに関係なく、色に適用できます。

background: fade(@blue, 20%);

fadein

色の透明度を下げて(または不透明度を上げて)、不透明度を高めます。

background: fadein(@blue, 80%);

フェードアウト

色の透明度を上げて(または不透明度を下げて)、不透明度を下げます。他の方向にフェードインするには、フェードインを使用します。

background: fadeout(@blue, 20%);

ソース

23
Adrian Enriquez