Змінення альфа-непрозорості змінної меншої кількості


171

Використовуючи менше, я знаю, що я можу змінити насиченість або відтінок колірної змінної. Це виглядає приблизно так:

background: lighten(@blue, 20%);

Я хочу змінити непрозорість кольору свого кольору. Переважно так:

background: alpha(@blue, 20%);

Чи є простий спосіб зробити це в МЕНЕ?

Відповіді:


303

Документація на сайт дає відповідь:

background: fade(@blue, 20%);

Назва функції fadeне alphaвідповідає цьому документу.


Дякую! Я втомився перетворювати все на RGBA!
BillyNair

Я шукав темнішого і світлішого .. Документи завели мене туди. Дякуємо

1
Я погоджуюсь, що «зникнення» мені не здається точним. Sass робить це правильно: альфа (), непрозорість () і rgba ().
Багатий Фінеллі

2
Для запису, fade()не працює з CSS vars - тобто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.