[css] cursor 변경

 

cursor를 내가 원하는 이미지로 변경하기 위해 아래 코드를 넣어줬다 

이미지가 로드 되지 않을경우 뒤에 auto로 실행된다 

cursor: url("/public/images/cur.png"), auto;

 

 

✔️ 이미지 적용이 안될 경우 

이미지의 크기가 128px이하여야 적용이 가능하다고 하니까 이거 꼭 확인 ! 

경로 확인 !

 

나는 이미지 크기 때문에 적용이 안되었었다 😅

 

 

 

💭 만들어진 커서 이용 

https://www.cursors-4u.com/cursor/2009/11/11/animated-hello-kitty-wink.html

Animated Hello Kitty Wink Cursor

 

지금 블로그에서 처럼 헬로키티 커서는 이 사이트에 있는 커서를 가져왔다 

헬로키티 커서의 경우 아래 사용 방법을 이용해서 html에 이 코드를 넣어줬다. 

<style type="text/css">* {cursor: url(https://cur.cursors-4u.net/anime/ani-10/ani975.ani), url(https://cur.cursors-4u.net/anime/ani-10/ani975.png), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2009/11/11/animated-hello-kitty-wink.html" target="_blank" title="Animated Hello Kitty Wink"><img src="https://cur.cursors-4u.net/cursor.png" border="0" alt="Animated Hello Kitty Wink" style="position:absolute; top: 0px; right: 0px;" /></a>