Visualize and copy CSS cursor values. Hover over the panels to see the cursor in action.
General
auto
default
none
Links & Status
context-menu
help
pointer
progress
wait
Selection
cell
crosshair
text
vertical-text
Drag & Drop
alias
copy
move
no-drop
not-allowed
grab
grabbing
Resizing & Scrolling
all-scroll
col-resize
row-resize
n-resize
e-resize
s-resize
w-resize
ne-resize
nw-resize
se-resize
sw-resize
ew-resize
ns-resize
nesw-resize
nwse-resize
Zoom
zoom-in
zoom-out
The CSS Cursor Viewer is a visual reference guide for the CSS `cursor` property. This property specifies the mouse cursor to be displayed when pointing over an element.
Simply hover over any box above to see the cursor in action. Click on a box to copy the CSS code (e.g., cursor: pointer;) to your clipboard.