LESS

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

1,571

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 (가져오기)
1/8
목록
 홈  PC버전 로그인 일본어
그누앞단언어
그누뒷단언어
그외코딩언어
그누보드 1
제작의뢰
Q&A
커뮤니티
웹유틸
회원센터
홈짱닷컴 PC버전 로그인