[CSS] 어떻게 SASS의) (어둡게 유사 CSS 변수를 사용하여 색조를 만드는 방법?

어떻게 SASS의) (어둡게 유사 CSS 변수를 사용하여 색조를 만드는 방법?

해결법

1. ---

   1.당신은 HSL () 색상을 고려하고 단순히 밝기를 제어 할 수 있습니다 :

   당신은 HSL () 색상을 고려하고 단순히 밝기를 제어 할 수 있습니다 :

   : 루트 { --color : 0, 100 %; / * 기본 색상 * / --l : 50 %; / * 초기 명도 * / --color - 기본 : HSL (VAR (- 컬러), VAR (- L)); --color 원색 어두운 : HSL (VAR (- 컬러) 계산치 (VAR (- L) - 5 %)); --color 원색 어두운 : HSL (VAR (- 컬러) 계산치 (VAR (- L) - 10 %)); } .button { 배경 : VAR (- 색상 차); 표시 : 인라인 블록; 패딩 : 10px 20 픽셀; 색상 : #fff; 커서 : 포인터; } .button : 호버, .button : 초점 { 배경 : VAR (- 컬러 - 차 - 어두운); } .button : 활성 { 배경 : VAR (- 컬러 - 차 - 어두운); } <스팬 클래스 = "버튼"> 텍스트

   사이드 참고로,) (어둡게도 같은 일을하고있다 :

from https://stackoverflow.com/questions/55329996/how-to-create-color-shades-using-css-variables-similar-to-darken-of-sass by cc-by-sa and MIT license