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

[ColorO_F] LESS - mix() 함수 - 색깔을 지정 비율대로 혼합. (= mix함수 = 믹스함수)

1,369  

mix() 함수

[정의]

 

두 색깔을 지정 비율대로 혼합.

※ 불투명도는 계산에 포함됨.

 


[구문]

 

mix(color1, color2, weight)

 


[매개변수]

 

color1, color2

필수, 혼합할 두 색상코드.

 

weight

선택. 혼합 비율 가중치. (기본값: 50%)

 


[반환값]

 

두 색상이 지정 비율대로 혼합된 color 코드.

 


[예제]

 

mix(#ff0000, #0000ff, 50%)

반환값: #800080

 

mix(rgba(100,0,0,1.0), rgba(0,100,0,0.5), 50%)

반환값: rgba(75, 25, 0, 0.75)

 

 

PS.

LESS mix() 함수

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

 


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