CSS Cursor Viewer
Visualize and copy CSS cursor values.
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
CSS Cursor Viewer
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.
Why use custom cursors?
- Usability: Indicate that an element is clickable (pointer), draggable (grab), or loading (wait).
- Context: Show the user what action is possible, like resizing a window or selecting text.
- Experience: Enhance the feel of your web application by providing appropriate visual feedback.
How to use
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.