How to make custom cursor on website?

css, html, javascript

Solution

You can use custom image by:

body, html {
    cursor: url(cursor.gif), pointer;
}

In `url` there's a path to the cursor image.

The cursor property may contain comma separated values of the allowed options: `cursor: url(cursor.gif), url(cursor1.gif), pointer;`.

An example here.

Note: always specify at least one generic cursor in case that a URL-defined cursor can not be provided.

Problem

Possible Duplicate: CSS cursor customization I want the code for changing cursor on my site as it is given on the link below. Demo Here I would also like to know how to do it. Please give a small code for this purpose.

Original source