CSS Cursor | CSS Cursor Property Visualizer
Visualize and copy standard CSS cursor property values. Copy to clipboard with one click.
General
cursor: auto;
Copy
cursor: default;
Copy
cursor: none;
Copy
cursor: context-menu;
Copy
cursor: help;
Copy
cursor: pointer;
Copy
cursor: progress;
Copy
cursor: wait;
Copy
Links & Status
cursor: cell;
Copy
cursor: crosshair;
Copy
cursor: text;
Copy
cursor: vertical-text;
Copy
cursor: alias;
Copy
cursor: copy;
Copy
cursor: move;
Copy
cursor: no-drop;
Copy
cursor: not-allowed;
Copy
cursor: grab;
Copy
cursor: grabbing;
Copy
Selection
cursor: all-scroll;
Copy
cursor: col-resize;
Copy
cursor: row-resize;
Copy
cursor: n-resize;
Copy
cursor: e-resize;
Copy
cursor: s-resize;
Copy
cursor: w-resize;
Copy
Resizing
cursor: ne-resize;
Copy
cursor: nw-resize;
Copy
cursor: se-resize;
Copy
cursor: sw-resize;
Copy
cursor: ew-resize;
Copy
cursor: ns-resize;
Copy
cursor: nesw-resize;
Copy
cursor: nwse-resize;
Copy
Zooming
cursor: zoom-in;
Copy
cursor: zoom-out;
Copy
How to Use
- Hover over any box to see the cursor effect.
- Click on a box to copy the CSS code.
- Use the search bar to find specific cursors.
About CSS Cursor
cursor property
The cursor CSS property specifies the mouse cursor to be displayed when pointing over an element.