I don't advocate using animated cursors for most websites because they are extremely annoying, but there are some rare situations where they can be useful, such as a HTML5 game where the cursor can potentially add to the theme of the game.

It doesn't seem that browsers support animated cursors at this time which is a shame because I really think it would add some depth to certain web applications. Credit to Brutallus for the idea to use an animated gif even though it did not work! Download Haikyuu Anime Cursors for Chrome extension 1.1.1 188KiB Developer Contact the developer Recommended For You View all Hoteloogle 11 Lighthouse 289 Tab. If you make the cursor an animated gif file, it only shows up on some browsers and it's temperamental, like cursor: url('animated.gif'), the cursor works in Firefox and Chrome but it is not animated, the cursor does not work at all in IE9 or Opera, and it did something really weird in the Windows version of Safari - it works but is only animated when I move the cursor vertically on the screen, and did not animate at all when the cursor was not moving or was moving horizontally. If you try some CSS like, cursor: url('animated.ani'), that cursor will not show up! All 5 major web browsers will not show the cursor. I suppose it could be done using JavaScript to repeatedly change the value of the cursor property every few frames to make it appear animated, but that may be more trouble than it is worth.Īnimated cursor files. It doesn't seem that any of the browsers support animated cursors as of using the CSS cursor property. After doing some more research, I don't think it's possible at the moment.

Anime cursors