CSS and Cursors CSS mouse cursor effects with DEMO


Ever wanted to change the cursor in your web page ? Well you can change it in CSS. There is a way of doing that, the cursor propery.
There is a way in CSS to change the cursor to pointer,cursor,resize,normal etc…..
This table show what will be the cursor when the value of cursor property changes as following.

Value Cursor
Not-allowed,default,inherit,initial,no-drop,vertical-text
all-scroll
col-resize
crosshair
e-resize
ew-resize
help
move
n-resize
none
ne-resize
nesw-resize
ns-resize
nw-resize
nwse-resize
pointer
Progress,wait
row-resize
s-resize

se-resize

sw-resize
text
w-resize