html - Mouse cursor works for one gif but not the other -


i trying change mouse cursor hammer.

i googled gif images see happen when change css.

the first image works next image doesnt seem work.

try yourself.

<canvas id="mycanvas" class="test" width="500" height="500">  </canvas> 

css:

#mycanvas{ cursor: url(http://www.geniusdv.com/news_and_tutorials/2009/01/05/mouse_locator.gif), default; }  /* #mycanvas{ cursor: url(http://www.pjnicholson.com/officexptuts/hammer.gif), default; } */ 

obviously replace comments when changing image.

why not work me?

the image big why not working. making image smaller should solve problem.

https://developer.mozilla.org/en-us/docs/web/css/cursor/url


Comments

Popular posts from this blog

commonjs - How to write a typescript definition file for a node module that exports a function? -

openid - Okta: Failed to get authorization code through API call -

ios - Change Storyboard View using Seague -