SyntaxStudy
Sign Up

cursor

property

Specifies the type of cursor to display when hovering over an element.

Syntax

cursor: pointer | default | not-allowed | grab | crosshair;

Example

css
.btn      { cursor: pointer; }
.disabled { cursor: not-allowed; }
.drag     { cursor: grab; }
.loading  { cursor: wait; }
.text-sel { cursor: text; }
.zoom     { cursor: zoom-in; }

/* Custom cursor */
.custom-cursor {
    cursor: url('cursor.png'), auto;
}