본문 바로가기

뉴히의 개발 로그

검색하기
뉴히의 개발 로그
프로필사진 뉴히

  • 분류 전체보기 (142)
    • 개발일지 (101)
      • TIL (85)
      • WIL (15)
      • KPT (1)
    • HTML&CSS (0)
    • Javascript (5)
    • React (4)
    • Redux Tookit (1)
    • Supabase (4)
    • Git (6)
    • Style (1)
    • CS (6)
    • Algorithm (6)
    • TIP (6)
Guestbook
«   2025/06   »
일 월 화 수 목 금 토
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30
Archives
Today
Total
Recent Posts
Recent Comments
관리 메뉴
  • 글쓰기
  • 방명록
  • RSS
  • 관리

목록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
이전 Prev 1 Next 다음

Blog is powered by kakao / Designed by Tistory

티스토리툴바