invert()

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2016.

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>들: