• 회원가입
  • 로그인
  • 구글아이디로 로그인

[ColorB_F] LESS - hardlight() 함수 - overlay() 함수와 기준 매개변수 반대. (= hardlight함수)

824  

hardlight() 함수

[정의]

 

multiply()・screen() 두 함수의 결합. (기준색: color2)

즉, color2가 밝으면 더 밝게, 어두우면 더 어둡게 만듦.

cf.

overlay() 함수 - hardlight() 함수와 매개변수 역할이 반대.

즉, color1가 밝으면 더 밝게, 어두운면 더 어둡게 함.

 


[구문]

 

hardlight(color1, color2)

 


[매개변수]

 

color1

필수. overlay할 색상. 

 

color2

필수. 기본색. (결과를 더 밝게 할지 어둡게 할지 결정하는 색.)

 


[반환값]

 

color2가 밝은색은 더 밝은 color 코드 반환.

color2가 어두운 색은 더 어두운 color 코드 반환.

 


[예제]

 

hardlight(#ff6600, #000000); // 000000 

hardlight(#ff6600, #333333); // 662900

 



분류 제목
basic LESS - Home (입문)
basic LESS - Intro (소개)
basic LESS - Installation (설치)
basic LESS - Variables (변수)
basic LESS - Parent Selectors (부모 선택자)
basic LESS - Mixins (믹스인)
basic LESS - Nesting (중첩 = 안긴 형태)
basic LESS - Operations (연산)
basic LESS - Escaping (회피 = 이스케이핑)・Function (함수)
basic LESS - Namespaces (네임스페이스)・Accessors (접근자)
basic LESS - Maps (맵)
basic LESS - Scope (유효 범위)
basic LESS - Comments (주석)
basic LESS - @import (가져오기)
basic LESS - @plugin (플러그인 가져오기)
basic LESS - Extend (상속 = 확장)
basic LESS - Merge (병합 = 결합)
basic LESS - CSS Guards
basic LESS - Detached Rulesets
1/6
목록
찾아주셔서 감사합니다. Since 2012