"일꾼이 일을 잘하려면 먼저 도구를 갈고 닦아야 한다." - 공자, 『논어』.
첫 장 > 프로그램 작성 > CSS 변수는 Sass의`Darken ()``````` '컬러 그늘 생성 기능을 모방 할 수 있습니까?

CSS 변수는 Sass의`Darken ()``````` '컬러 그늘 생성 기능을 모방 할 수 있습니까?

2025-02-06에 게시되었습니다
검색:499

Can CSS Variables Mimic Sass's `darken()` Function for Color Shade Generation?

CSS는 "상대 색상 구문"을 소개합니다.

: root { -콜로 프라이 사항 : #f00; -Color-Primary-Darker : HSL (var (-색상-프라이밍) h s calc (l-5)); -Color-Primary-Darkest : HSL (var (-색상) h s calc (l-10)); }

여기에 작동하는 방법은 다음과 같습니다. HSL (). 이 변수를 스타일 요소에 사용하십시오 :

. 버튼 { 배경 : var (-컬러 프라이드); } .Button : 호버, .Button : 초점 { 배경 : var (-컬러-프라이팬); } .Button : Active { 배경 : var (-컬러-프라이팬); }

이 접근법은 색상 변수를 수정하지 않고도 색조를 동적으로 정의 할 수 있으므로 세 가지 음영으로 원하는 그라디언트 효과를 달성 할 수 있습니다.

최신 튜토리얼 더>

부인 성명: 제공된 모든 리소스는 부분적으로 인터넷에서 가져온 것입니다. 귀하의 저작권이나 기타 권리 및 이익이 침해된 경우 자세한 이유를 설명하고 저작권 또는 권리 및 이익에 대한 증거를 제공한 후 이메일([email protected])로 보내주십시오. 최대한 빨리 처리해 드리겠습니다.

Copyright© 2022 湘ICP备2022001581号-3