hover pointer css code example

Example 1: css cursor pointer hover

.pointer {
  cursor: pointer;
}

Example 2: on hover change cursor

li {
cursor: pointer;
}

Example 3: onhover mouse pointer css

li { cursor: pointer; }

Example 4: css cursor pointer

cursor: pointer;
/* Mouse image is a hand */

Example 5: change the cursor css

/* All differents cursors */
/* See https://www.w3schools.com/cssref/playit.asp?filename=playcss_cursor */
/* to test them all */
cursor: alias
cursor: all-scroll;
cursor: auto;
cursor: cell;
cursor: context-menu;
cursor: col-resize;
cursor: copy;
cursor: crosshair;
cursor: default;
cursor: e-resize;
cursor: ew-resize;
cursor: grab;
cursor: grabbing;
cursor: help;
cursor: move;
cursor: n-resize;
cursor: ne-resize;
cursor: nesw-resize;
cursor: ns-resize;
cursor: nw-resize;
cursor: nwse-resize;
cursor: no-drop;
cursor: none;
cursor: not-allowed;
cursor: pointer;
cursor: progress;
cursor: row-resize;
cursor: s-resize;
cursor: se-resize;
cursor: sw-resize;
cursor: text;
cursor: url(myBall.cur),auto;
cursor: w-resize;
cursor: wait;
cursor: zoom-in;
cursor: zoom-out;

Example 6: span cursor pointer

<span style="cursor:pointer"> </span>