Изменить альфа-непрозрачность переменной LESS


171

Используя LESS, я знаю, что могу изменить насыщенность или оттенок цветовой переменной. Это выглядит так:

background: lighten(@blue, 20%);

Я хочу изменить альфа-непрозрачность моего цвета. Желательно вот так:

background: alpha(@blue, 20%);

Есть ли простой способ сделать это в МЕНЬШЕ?

Ответы:


303

Документация сайта дает ответ:

background: fade(@blue, 20%);

Имя функции fadeне alphaсоответствует этому документу.


Спасибо! Я устал от преобразования всего в RGBA!
BillyNair

Я искал темных и светлых. Доки привели меня туда. Спасибо

1
Я согласен, что исчезновение не кажется мне точным. Sass делает это правильно: alpha (), opacity () и rgba ().
Рич Файнелли

2
Для записи, fade()не работает с CSS-переменными - т.е.fade(var(--mycolor), 20%)
ed1nh0

26

Для полноты

увядать

Установите абсолютную прозрачность цвета. Может применяться к цветам независимо от того, имеют ли они значение непрозрачности или нет.

background: fade(@blue, 20%);

FadeIn

Уменьшите прозрачность (или увеличьте непрозрачность) цвета, сделав его более непрозрачным.

background: fadein(@blue, 80%);

исчезать

Увеличьте прозрачность (или уменьшите непрозрачность) цвета, сделав его менее прозрачным. Чтобы исчезнуть в другом направлении, используйте fadein.

background: fadeout(@blue, 20%);

Посмотреть полную документацию


1
Fadeout это именно то, что я искал, спасибо!
maxime1992
Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.