LESS 변수의 알파 불투명도 수정

171

LESS를 사용하여 색상 변수의 채도 또는 색조를 변경할 수 있음을 알고 있습니다. 이것은 다음과 같습니다

background: lighten(@blue, 20%);

그래도 내 색상의 알파 불투명도를 변경하고 싶습니다. 바람직하게는 다음과 같습니다 :

background: alpha(@blue, 20%);

LESS에서이를 수행하는 간단한 방법이 있습니까?

css variables less opacity alpha

— 벤
소스

답변:

303

사이트 문서는 답을 제공합니다 :

background: fade(@blue, 20%);

기능 이름이 해당 문서를 fade따르지 않았습니다 alpha.

— 스콧
소스

감사! RGBA로 모든 것을 변환하는 데 지쳤습니다!

— BillyNair

나는 어두워지고 밝아지는 것을 찾고 있었다. 감사합니다

나는 '페이드'가 정확하지 않은 것으로 동의합니다. Sass는 alpha (), opacity () 및 rgba ()를 올바르게 수행합니다.

— Rich Finelli

기록을 위해, fade()CSS 작동하지 않는 것은 바르 - 예fade(var(--mycolor), 20%)

— ed1nh0

완전성을 위해

바래다

색상의 절대 투명도를 설정하십시오. 이미 불투명도 값이 있는지 여부에 관계없이 색상에 적용 할 수 있습니다.

background: fade(@blue, 20%);

점점 뚜렷해지다

색상의 투명도를 낮추거나 불투명도를 높이면 색상이 더 불투명 해집니다.

background: fadein(@blue, 80%);

사라지다

색상의 투명도를 높이거나 불투명도를 낮추면 불투명도가 줄어 듭니다. 다른 방향으로 페이드 인하려면 fadein을 사용하십시오.

background: fadeout(@blue, 20%);

— 아드리안 엔리케스
소스

Fadeout은 내가 찾던 것입니다. 감사합니다!

— maxime1992