CSS๐Ÿ”ง/css

css img,png,svg ์ƒ‰์ƒ๋ณ€๊ฒฝ

hyojinny 2022. 10. 26. 16:13

์›๋ž˜ ํ•˜์–€์ƒ‰ ๋กœ๊ณ  ์ด๋ฏธ์ง€๋ฅผ ํ˜ธ๋ฒ„๋กœ ๋‚ด๋ ธ์„๋•Œ ๊ฒ€์ •์ƒ‰์œผ๋กœ ๋ณ€๊ฒฝ

 

 

  filter: brightness(0);

 

์ต์Šค ๋ณ€ํ™˜๋ถˆ๊ฐ€.

 

 filter: brightness(0); ์€ ๊ฒ€์ •์ƒ‰

 filter: brightness(0); ์€ ํ•˜์–€์ƒ‰

 

 

 

๋น„์Šทํ•œ ๊ฒƒ์œผ๋กœ 

filter: hue-rotate(90deg); ๋„ ์žˆ๋‹ค 

 

์ฐธ๊ณ  ๋งํฌ - https://developer.mozilla.org/en-US/docs/Web/CSS/filter-function/hue-rotate

 

hue-rotate() - CSS: Cascading Style Sheets | MDN

The hue-rotate() CSS function rotates the hue of an element and its contents. Its result is a <filter-function>.

developer.mozilla.org

 

๊ทผ๋ฐ ๊ฑ ํฌํ† ์ƒต์œผ๋กœ ๋ฐ”๊พธ์ž ^_^