| Value | Demo Cursor | Writing |
|---|---|---|
| default | EXAMPLE (HOVER) | cursor: default |
| crosshair | EXAMPLE (HOVER) | cursor: crosshair |
| hand | EXAMPLE (HOVER) | cursor: hand |
| pointer | EXAMPLE (HOVER) | cursor: pointer |
| Cross browser | EXAMPLE (HOVER) | cursor: hand |
| move | EXAMPLE (HOVER) | cursor: move |
| text | EXAMPLE (HOVER) | cursor: text |
| wait | EXAMPLE (HOVER) | cursor: wait |
| help | EXAMPLE (HOVER) | cursor: help |
| n-resize | EXAMPLE (HOVER) | cursor: n-resize |
| ne-resize | EXAMPLE (HOVER) | cursor: ne-resize |
| e-resize | EXAMPLE (HOVER) | cursor: e-resize |
| resize | EXAMPLE (HOVER) | cursor: resize |
| s-resize | EXAMPLE (HOVER) | cursor: s-resize |
| sw-resize | EXAMPLE (HOVER) | cursor: sw-resize |
| w-resize | EXAMPLE (HOVER) | cursor: w-resize |
| nw-resize | EXAMPLE (HOVER) | cursor: nw-resize |
| progress | EXAMPLE (HOVER) | cursor: progress |
| not-allowed | EXAMPLE (HOVER) | cursor: not-allowed |
| vertical-text | EXAMPLE (HOVER) | cursor: vertical-text |
| all-scroll | EXAMPLE (HOVER) | cursor: all-scroll |
| col-resize | EXAMPLE (HOVER) | cursor: col-resize |
| row-resize | EXAMPLE (HOVER) | cursor: row-resize |
For users, please insert one of the above cursor types as needed. As an example :
cursor:hover {
color:#fff !important;
background:#111;
padding:5px;
transition-duration:2s;
-moz-transition-duration:2s;
-webkit-transition-duration:2s;
cursor:help;
}
