2012-10-07 16 views
139

Uso di LESS, so che posso modificare la saturazione o la tinta di una variabile di colore. Sembra:Modifica opacità alfa della variabile LESS

background: lighten(@blue, 20%); 

Voglio cambiare l'opacità alfa del mio colore, però. Preferibilmente in questo modo:

background: alpha(@blue, 20%); 

C'è un modo semplice per farlo in MENO?

risposta

242

Il site documentation dà la risposta:

background: fade(@blue, 20%); 

Il nome della funzione è fade non alpha in base a tale documento.

+1

Non posso credere che non ho trovato anch'io. Grazie! – ben

+0

Grazie! Mi sono stancato di convertire tutto in RGBA! – BillyNair

+0

Stavo cercando l'oscurità e la luce .. I documenti mi hanno portato lì. Grazie –

16

Per completezza

fadeIn

diminuire la trasparenza (o aumentare l'opacità) di un colore, rendendo più opaco.

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

FadeOut

Aumentare la trasparenza (o diminuire l'opacità) di un colore, rendendo meno opaca. Per sfumare nell'altra direzione, usa fadein.

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

dissolvenza

impostare la trasparenza assoluta di un colore. Può essere applicato ai colori indipendentemente dal fatto che abbiano già un valore di opacità o meno.

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

Source

+0

Fadeout è esattamente quello che stavo cercando, grazie! – Maxime

Problemi correlati