invert
-
[CSS] filter: invert() ์ฌ์ฉ๋ฒCoding 2025. 3. 5. 20:42
CSS์ filter ์์ฑ์ ์ด๋ฏธ์ง๋ ์์์ ๋ค์ํ ์๊ฐ์ ํจ๊ณผ๋ฅผ ์ ์ฉํ๋ ๋ฐ ์ฌ์ฉ๋ฉ๋๋ค.๊ทธ์ค invert() ํํฐ๋ ์์์ ๋ฐ์ ์์ผ ๋ฐ์ ์์ ์ด๋ก๊ฒ, ์ด๋์ด ์์ ๋ฐ๊ฒ ํํํ๋ ๊ธฐ๋ฅ์ ์ ๊ณตํฉ๋๋ค.์ฆ, ํฐ์(white)์ ๊ฒ์์(black)์ผ๋ก, ํ๋์(blue)์ ์ฃผํฉ์(orange)์ผ๋ก ๋ณํ๋ฉ๋๋ค.๊ธฐ๋ณธ ๋ฌธ๋ฒfilter: invert(๊ฐ); ๊ฐ์ 0์์ 1 ์ฌ์ด์ **๋น์จ(%)**์ ์๋ฏธํฉ๋๋ค.invert(0) → ์๋ ์์ ์ ์งinvert(1) → 100% ๋ฐ์ (์์ ๋ฐ๋ ์์)invert(0.5) → 50% ๋ฐ์ (๋ถ๋ถ์ ์ผ๋ก ๋ฐ์ ๋ ์์)์ด๋ฏธ์ง ์์ ๋ฐ์ invert()๋ ํนํ ์ด๋ฏธ์ง ์์์ ๋ฐ์ ํ๋ ๋ฐ ์ ์ฉํฉ๋๋ค. See the Pen Untitled by jjung (@jjung2) on C..