Изменить альфа-непрозрачность переменной 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

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

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

— Рич Файнелли

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

— ed1nh0

Для полноты

увядать

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

background: fade(@blue, 20%);

FadeIn

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

background: fadein(@blue, 80%);

исчезать

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

background: fadeout(@blue, 20%);

— Адриан Энрикес
источник

Fadeout это именно то, что я искал, спасибо!

— maxime1992