Picking the right cursor in CSS

Picking the right cursor in CSS

The cursor property specifies the mouse cursor to be displayed when pointing over an element.

This common UX practise can be used to convey the idea of certain functionality. This is especially useful in web apps where different tasks can be done other than clicking.

The cursor pointer and cursor disabled

cursor-1.gif

Zoom-in and Zoom-out cursor

cursor-2.gif

The cursor can also be an image:

cursor-3.gif

Here is a set of build-in cursors that can be instantly used to improve the usability of we apps, with very less code.

build-in-cursor.png