sourcecode

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

codebag 2023. 9. 5. 20:14
반응형

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%);

페이드 아웃

색상의 투명도를 높이거나 불투명도를 낮춥니다.다른 방향으로 페이드인하려면 페이드인을 사용합니다.

background: fadeout(@blue, 20%);

전체 설명서 보기

언급URL : https://stackoverflow.com/questions/12771102/modify-alpha-opacity-of-less-variable

반응형