invert()

invert() CSS 함수는 주어진 이미지에 색상 샘플들을 반전해줍니다. <filter-function>을 반환 값으로 가집니다.

시도해보기

css

invert(amount)

amount: <number> 또는 <percentage>를 지정한 변환할 양. 100%는 완전하게 반전시켜주며, 값을 0%로 지정하면 입력값이 변경되지 않습니다. 0% 과 100%의 사이의 값은 효과의 비율입니다. 보간의 초기값은 0입니다.

css

invert(0)     /* 변화 없음 */
invert(.6)    /* 60% 반전 */
invert(100%)  /* 완전히 반전됨 */

Specification
Filter Effects Module Level 1 # funcdef-filter-invert

BCD tables only load in the browser

filter와 backdrop-filter 프로퍼티 값에 사용할 수 있는 다른 <filter-function>들: