Custom Image Cursor

HTML-CSS
1

Here I learned how to use a PNG as a cursor.
I want to use a image as the cursor , but it doesn’t work .

My Code:

#header{
cursor: url('https://image.flaticon.com/icons/png/512/23/23430.png '), auto;
}
2

There is a limitations on cursor images: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Basic_User_Interface/Using_URL_values_for_the_cursor_property#Limitations

1 Like
3

ok so if I choose a smaller image would it work???

4

Try with the image from that css-tricks post.