2012-10-07 8 views
139

Mit LESS weiß ich, dass ich die Sättigung oder den Farbton einer Farbvariablen ändern kann. Das sieht so aus:Ändern der Alpha-Opazität der LESS-Variablen

background: lighten(@blue, 20%); 

Ich möchte jedoch die Alpha-Deckkraft meiner Farbe ändern. Vorzugsweise so:

background: alpha(@blue, 20%); 

Gibt es eine einfache Möglichkeit, dies in weniger zu tun?

Antwort

242

Die site documentation gibt die Antwort:

background: fade(@blue, 20%); 

Der Funktionsname ist fade nicht alpha nach diesem Dokument.

+1

Kann nicht glauben, dass ich das nicht selbst gefunden hat. Vielen Dank! – ben

+0

Danke! Ich bin es leid, alles in RGBA umzuwandeln! – BillyNair

+0

Ich suchte nach dem Dunklen und Aufhellen .. Docs brachte mich dorthin. Danke –

16

Vollständigkeits

fadein

die Transparenz verringern (oder erhöhen die Opazität) einer Farbe, so dass es undurchsichtiger.

Beispiel: background: fadein(@blue, 80%);

FadeOut

die Transparenz erhöhen (oder um die Opazität verringern) eine Farbe, so dass es weniger opak. Um in die andere Richtung zu blenden, verwenden Sie Fadein.

Beispiel: background: fadeout(@blue, 20%);

verblassen

die absolute Transparenz einer Farbe ein. Kann auf Farben angewendet werden ob sie bereits einen Deckkraftwert haben oder nicht.

Beispiel: background: fade(@blue, 20%);

Source

+0

Fadeout ist genau das, was ich gesucht habe, danke! – Maxime