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!
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.
