반응형
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
반응형
'sourcecode' 카테고리의 다른 글
지정된 Laravel URL로 리디렉션 (0) | 2023.09.05 |
---|---|
MariaDB 기반 모델링 도구 (0) | 2023.09.05 |
백만 개의 숫자 문자열이 주어지면 반복되는 모든 3자리 숫자를 반환합니다. (0) | 2023.09.05 |
jQuery로 바인딩된 이벤트 순서 지정 방법 (0) | 2023.09.05 |
php(?int)에서 형식 선언 전 물음표(?)는 무엇을 의미합니까? (0) | 2023.09.05 |