Stacks Image 1101936

Cursor

UTILITY STACK
STACK DETAILS:
  • BROWSER: IE9+, CHROME, FIREFOX, SAFARI
  • REQUIREMENTS: STACKS 3+
  • STACK VERSION: 1.3
PURCHASE INCLUDES:
  • 1 YEAR FREE UPDATES
  • 1 YEAR FREE SUPPORT

Overview

Cursor controls what the mouse cursor will look like when it is located over the element in which it's property is set: default is the body element.
We can assign distinct cursors to different elements, as many as we want on a single page. There are 32 cursor types plus the option for images, for both normal and hover states.
We can have different cursors on a single page, just by matching the Element to the Class of the target container. This can be easily achieved by using the Collapsible stack, given for free to all customers.
All examples are included in the package.

Settings

Stacks Image 1102000
Cursor types
  • auto
  • default
  • none
  • context-menu
  • help
  • pointer
  • progress
  • wait
  • cell
  • crosshair
  • text
  • vertical-text
  • alias
  • copy
  • move
  • no-drop
  • not-allowed
  • all-scroll
  • col-resize
  • row-resize
  • n-resize
  • s-resize
  • e-resize
  • w-resize
  • ns-resize
  • ew-resize
  • ne-resize
  • nw-resize
  • se-resize
  • sw-resize
  • nesw-resize
  • nwse-resize
  • image

Demos

auto
pointer
text
no-drop
n-resize
ew-resize
nesw-resize
default
progress
vertical-text
not-allowed
s-resize
ne-resize
nwse-resize
none
wait
alias
all-scroll
e-resize
nw-resize
context-menu
cell
copy
col-resize
w-resize
se-resize
help
crosshair
move
row-resize
ns-resize
sw-resize
Stacks Image 1101692
Stacks Image 1101694
Stacks Image 1101698
Stacks Image 1101703