svg hover하면 일부분만 색상 바뀌도록 하는 방법(css?)

Question

https://seons-dev.tistory.com/entry/ChatGPT%EB%A5%BC-%EC%9D%B4%EC%9A%A9%ED%95%9C-Github-Action%EC%BD%94%EB%93%9C-%EB%A6%AC%EB%B7%B0-%EC%9E%90%EB%8F%99%ED%99%94-%EB%B0%A9%EB%B2%95이 사이트에서 목차 아래 해당 SVG 이미지 보면 마우스 포인터가 hover 되는 자리에 저렇게 색상이 변하는데어떻게 한건지 아시는 분 계실까요?css로 가능한 부분인건지, 다른 기술을 사용한건지 궁금합니다.

킁킁탐정 · Accepted Answer

코드를 살짝 빼서 옮겨보면 다음과 같습니다.https://jsfiddle.net/ghwokj2b/핵심이 되는 기능은 다음을 참고하세요.https://developer.mozilla.org/en-US/docs/Web/CSS/mix-blend-mode

svg hover하면 일부분만 색상 바뀌도록 하는 방법(css?)

1개의 답변

Q&A 목록