복붙노트

[CSS] SVG의 이미지와 CSS 커서 포인터

CSS

SVG의 이미지와 CSS 커서 포인터

해결법


  1. 1.귀하의 이미지는 단순히 너무 큽니다. 가로 128px, 세로보다 덜 뭔가 너비와 높이를 줄일 수 있습니다.

    귀하의 이미지는 단순히 너무 큽니다. 가로 128px, 세로보다 덜 뭔가 너비와 높이를 줄일 수 있습니다.

    https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_User_Interface/Using_URL_values_for_the_cursor_property#Limitations

    예: https://jsfiddle.net/xhk4zo8y/

  2. from https://stackoverflow.com/questions/45962081/css-cursor-pointer-with-svg-image by cc-by-sa and MIT license