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

[ColorO_F] LESS - greyscale() 함수 - HSL 채도 전부 제거. (= grayscale함수 = 그레이스케일함수)

929  

grayscale() 함수

[정의]

 

색깔의 HSL 공간에서 모든 채도 제거.

 

※ 아래 함수 실행 결과와 동일.

desaturate(@color, 100%).



[구문]

 

grayscale(color)

 


[매개변수]

 

color

필수. 색상 코드.

 


[반환값]

 

모든 채도가 제거된 color 코드.

 


[예제]

 

greyscale(hsl(90, 90%, 50%))

// 반환값: #808080 // hsl(90, 0%, 50%)

 

 

PS.

LESS grayscale() 함수

http://lesscss.org/functions/#color-operations-greyscale

 


분류 제목
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