2012-10-07 30 views
139

Al usar LESS, sé que puedo cambiar la saturación o el tinte de una variable de color. Esto se ve así:Modificar la opacidad alfa de la variable LESS

background: lighten(@blue, 20%); 

Sin embargo, quiero cambiar la opacidad alfa de mi color. Preferiblemente así:

background: alpha(@blue, 20%); 

¿Hay una manera simple de hacer esto en MENOS?

Respuesta

242

El site documentation da la respuesta:

background: fade(@blue, 20%); 

El nombre de la función es fade no alpha acuerdo con ese documento.

+1

No se puede creer que no parece que a mí mismo. ¡Gracias! – ben

+0

¡Gracias! ¡Me estoy cansando de convertir todo a RGBA! – BillyNair

+0

Estaba buscando el oscurecimiento y la luz ... Los documentos me llevaron allí. Gracias –

16

Para completar

fadeIn

disminuir la transparencia (o aumentar la opacidad) de un color, haciendo que sea más opaco.

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

Fadeout

Aumentar la transparencia (o disminuir la opacidad) de un color, haciendo lo menos opaco. Para desvanecerse en la otra dirección use fadein.

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

fade

establecer la transparencia absoluta de un color. Puede aplicarse a los colores si ya tienen un valor de opacidad o no.

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

Source

+0

Fadeout es exactamente lo que estaba buscando, ¡gracias! – Maxime

Cuestiones relacionadas