Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How to make custom cursor on website? [duplicate]

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.

like image 980
thezucknotes Avatar asked Dec 01 '22 04:12

thezucknotes


2 Answers

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.

like image 102
Minko Gechev Avatar answered Dec 02 '22 17:12

Minko Gechev


In the CSS file you have to add a property on body tag as following:

    body{
        cursor: anything like(pointer,default etc.)
    }

If you want exactly same cursor as given in the site by you, then do as follow:

    cursor: url("http://safir85.ucoz.com/24work-blogspot/mouse-cursor/COOL_BLUE_OUTER_GLOW_POINTER-www.24work.blogspot.c.cur"), progress;

Think it will help.

like image 35
Workonphp Avatar answered Dec 02 '22 16:12

Workonphp