Cursor Preview
Preview all CSS cursor values
default
Default arrow cursor
pointer
Hand cursor (links/buttons)
crosshair
Crosshair
move
Move
text
Text selection
wait
Wait (spinning)
help
Help (question mark)
not-allowed
Not allowed
grab
Grab
grabbing
Grabbing
zoom-in
Zoom in
zoom-out
Zoom out
cell
Cell selection
col-resize
Column resize
row-resize
Row resize
n-resize
North resize
e-resize
East resize
s-resize
South resize
w-resize
West resize
ne-resize
Northeast resize
nw-resize
Northwest resize
se-resize
Southeast resize
sw-resize
Southwest resize
ew-resize
East-west resize
ns-resize
North-south resize
nesw-resize
Northeast-southwest resize
nwse-resize
Northwest-southeast resize
none
No cursor
context-menu
Context menu
progress
In progress
copy
Copy
alias
Create alias
no-drop
Cannot drop
all-scroll
All directions scroll
Click card to copy CSS
cursor: Click a card above to select;
CSS Cursor Guide
Common Cursor Types
- default — Default arrow
- pointer — Hand, for clickable elements
- text — Text selection cursor
- move — Move cursor
- not-allowed — Not allowed cursor
- crosshair — Crosshair
Use Cases
- Buttons and links use pointer
- Drag areas use grab/move
- Disabled elements use not-allowed
- Loading use wait/progress
- Custom cursor url() supports images