이미지 파일 수정하지 않고 css filter로 색상 변경하기
CSS 24.06.04CSS 필터(CSS filter)는 HTML 요소에 그래픽 효과를 적용하기 위해 사용되는 속성입니다. 이 속성을 사용하면 이미지나 요소에 다양한 시각적 변환을 쉽게 적용할 수 있습니다. CSS 필터에는 여러 가지 함수가 포함되며, 각 함수는 특정한 효과를 제공합니다. 몇 가지 주요 필터 함수와 그 역할은 다음과 같습니다.
1. blur(): 요소를 흐리게 만듭니다.
2. contrast(): 요소의 대비를 조절합니다.
3. grayscale(): 요소를 회색조로 변환합니다.
4. hue-rotate(): 요소의 색상을 회전시킵니다.
5. invert(): 요소의 색상을 반전시킵니다.
6. opacity(): 요소의 불투명도를 조절합니다.
7. saturate(): 요소의 채도를 조절합니다.
8. sepia(): 요소를 세피아 톤으로 변환합니다.
