it-swarm.com.de

Ändern Sie die Alpha-Opazität der Variable LESS

Mit WENIGER weiß ich, dass ich die Sättigung oder den Farbton einer Farbvariablen ändern kann. Das sieht so aus:

background: lighten(@blue, 20%);

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

background: alpha(@blue, 20%);

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

156
ben

Die Site-Dokumentation gibt die Antwort:

background: fade(@blue, 20%);

Der Funktionsname lautet laut diesem Dokument fade nicht alpha.

284
ScottS

Zur Vollständigkeit

verblassen

Stellen Sie die absolute Transparenz einer Farbe ein. Kann auf Farben angewendet werden, unabhängig davon, ob sie bereits einen Opazitätswert haben oder nicht.

background: fade(@blue, 20%);

Fadein

Verringern Sie die Transparenz (oder erhöhen Sie die Deckkraft) einer Farbe, um sie undurchsichtiger zu machen.

background: fadein(@blue, 80%);

Ausblenden

Erhöhen Sie die Transparenz (oder verringern Sie die Deckkraft) einer Farbe, um sie weniger undurchsichtig zu machen. Um in die andere Richtung zu blenden, verwenden Sie Fadein.

background: fadeout(@blue, 20%);

Quelle

23
Adrian Enriquez