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

[ColorD_F] LESS - hsla() 함수 - HSL 기반 투명한 색깔 생성. (= hsla함수)

671  
hsla() 함수

[정의]

 

H(hue :색상), S(saturation : 채도), L(lightness : 명도), A(alpha : 불투명도) 기반해 투명한 색깔 생성.



[구문]

 

hsla(hue, saturation, lightness, alpha)

 


[매개변수]

 

hue

필수. 색상을 나타내는 0 ~ 360 정수.

 

saturation

필수. 채도를 나타내는 0~100% 또는 0~1 부동소수.

 

lightness

필수. 명도를 나타내는 0~100% 또는 0~1 부동소수.

 

alpha

필수. 불투명도를 나타내는 0~100% 또는 0~1 부동소수.

 


[반환값]

 

조합해서 생성된 color 코드 반환.

 


[예제]

 

hsla(90, 100%, 50%, 0.5); // rgba(128, 255, 0, 0.5)

 

 

PS.

LESS hsla() 함수

http://lesscss.org/functions/#color-definition-hsla



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