LESS değişkeninin alfa opaklığını değiştirme


171

LESS kullanarak, bir renk değişkeninin doygunluğunu veya renk tonunu değiştirebileceğimi biliyorum. Şöyle görünüyor:

background: lighten(@blue, 20%);

Yine de rengimin alfa opaklığını değiştirmek istiyorum. Tercihen şöyle:

background: alpha(@blue, 20%);

Bunu LESS'te yapmanın basit bir yolu var mı?

Yanıtlar:


303

Site dokümantasyon cevap verir:

background: fade(@blue, 20%);

İşlev adı bu belgeye uygun fadedeğil alpha.


Teşekkürler! Her şeyi RGBA'ya dönüştürmekten bıktım!
BillyNair

Ben kararmış ve aydınlık arıyordum .. Dokümanlar beni oraya götürdü. Teşekkürler

1
Katılıyorum 'solmaya' benim için doğru görünmüyor. Sass bunu doğru yapıyor: alpha (), opacity () ve rgba ().
Rich Finelli

2
Kayıt için, fade()CSS vars ile çalışmıyor - yanifade(var(--mycolor), 20%)
ed1nh0

26

Tamamlamak için

karartmak

Bir rengin mutlak saydamlığını ayarlayın. Opaklık değerine sahip olsalar da olmasalar da renklere uygulanabilir.

background: fade(@blue, 20%);

fadein

Rengin saydamlığını azaltın (veya opaklığı artırın), böylece daha opak hale getirin.

background: fadein(@blue, 80%);

kısılması

Rengin saydamlığını artırın (veya opaklığı azaltın), böylece daha az opak olun. Diğer yönde solmak için fadein kullanın.

background: fadeout(@blue, 20%);

Eksiksiz Belgeleri Görüntüleyin


1
Soluk tam olarak aradığım şey, teşekkürler!
maxime1992
Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.