invert()
invert() CSS 함수 (en-US)는 주어진 이미지에 색상 샘플들을 반전해줍니다. <filter-function>을 반환 값으로 가집니다.
시도해보기
구문
css
invert(amount)
매개변수
amount-
<number>또는<percentage>를 지정한 변환할 양.100%는 완전하게 반전시켜주며, 값을0%로 지정하면 입력값이 변경되지 않습니다.0%과100%의 사이의 값은 효과의 비율입니다. 보간의 초기값은0입니다.
예제
invert()를 위한 정확한 값의 예시들
css
invert(0) /* 변화 없음 */
invert(.6) /* 60% 반전 */
invert(100%) /* 완전히 반전됨 */
명세
| Specification |
|---|
| Filter Effects Module Level 1 # funcdef-filter-invert |
브라우저 호환성
BCD tables only load in the browser