Cascading Style Sheets/Cursor

Cursor
CSS allows the cursor to be specified when a specific context is desired. The hover selector does not need to be used.

cursor: cursor-name;

Custom cursors
A custom cursor may be supplied by using the  function and optionally supplying a coordinate for the hotspot if the file does not specify one.

cursor: url('http://example.com/mypointer.cur'), pointer;

or

cursor: url('http://example.com/mypointer.cur'), url('http://example.com/mypointer.png') 2 2, pointer;

In this example we see that there is a second value, this is a fallback value that some browsers require before they will accept the custom cursor. You can use a PNG, GIF, SVG or .cur file for your cursor, .ani files only work in Internet Explorer.

Here is a .gif example:

GIF cursor test