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

171

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

background: lighten(@blue, 20%);

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

background: alpha(@blue, 20%);

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

css variables less opacity alpha Бен
источник

Ответы:

303

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

background: fade(@blue, 20%);

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

SCOTTS
источник
Спасибо! Я устал от преобразования всего в 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