[css] LESS 변수의 알파 불투명도 수정

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

background: lighten(@blue, 20%);

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

background: alpha(@blue, 20%);

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



답변

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

background: fade(@blue, 20%);

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


답변

완전성을 위해

바래다

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

background: fade(@blue, 20%);

점점 뚜렷해지다

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

background: fadein(@blue, 80%);

사라지다

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

background: fadeout(@blue, 20%);

전체 설명서보기


답변