CSS Tutorial: Customizing and Changing Your Cursor
So you want to change or customize your cursor. There's many different cursors implemented into your browser that you can use.
Cursor - There are many different type of cursor effects you can have. Here's what you can replace default with. Hover over the links.
default,
pointer, w-resize,
e-resize,
n-resize,
s-resize,
ne-resize,
nw-resize,
se-resize,
sw-resize,
crosshair,
text,
wait,
help.
You can also set a
custom cursor by using: "
url("cursor.cur"), crosshair" instead - just have make sure the link to cursor.cur exists. In case it doesn't, your cursor will default to a crosshair.
You can place the "cursor" variable in your body tag, in your a:hover tags so that your cursor will change when you hover over your link, and more.
]