Custom css cursor not working

I am using a custom css cursor to use the image for the cursor. Image does not work. What is wrong with this code? The image is used here . Fiddle

 cursor: url('http://www.sarkelliancreed.comule.com/pics/TREES.jpg'), auto;
+4
source share
1 answer

I dealt with this problem last night. The problem is that there is a limit on the size of the image, which you can use as a cursor. If you really need an image that should follow the cursor, it has a div with this binding of the image to the cursor position in the mousemove event.

MDN at least describes the size limit for Firefox:

Gecko (Firefox) 128 × 128 . . 32 × 32 .

https://developer.mozilla.org/en-US/docs/Web/CSS/cursor/url

, , URL-, Fiddle, : http://icons-search.com/img/icons-land/IconsLandVistaStyleEmoticonsDemo.zip/IconsLandVistaStyleEmoticonsDemo-ICO-Cool.ico-32x32.png

+11

All Articles