목록Style (1)
뉴히의 개발 로그
[css] img 태그 svg 파일 색상 바꾸기 :: filter 값 계산
1. svg 파일 구해서 img 태그로 넣어주기 2. 원하는 색의 hex 값 알아내기 https://www.color-hex.com/ 3. filter 값 계산하기 https://codepen.io/sosuke/pen/Pjoqqp 위의 페이지에서 Target color 에서 hex 값 넣고, filter 값 알아내기 4. img 태그나 선택자를 이용하여, css filter 속성에 3번에서 알아낸 값 붙여넣기 const StDelImg = styled.img` filter: invert(82%) sepia(25%) saturate(1197%) hue-rotate(186deg) brightness(99%) contrast(101%); `; 검색해보니 동일한 모양의 색갈이 다른 여러 개의 파일을 준비하여 필..
Style
2023. 7. 11. 16:39