CSS3 Cursors: zoom-in & zoom-out

Overview

css-cursor-newer provides support for the CSS3 cursor property’s zoom-in and zoom-out values.

Formal Definition

Specifications

CSS Basic User Interface Module Level 4 # cursor

Syntax

/* Keyword value */
 cursor: auto;
 cursor: pointer;
 ... cursor: zoom-out;
 /* URL with mandatory keyword fallback */
 cursor: url(hand.cur), pointer;
 /* URL and coordinates, with mandatory keyword fallback */
 cursor: url(cursor_1.png) 4 12, auto;
 cursor: url(cursor_2.png) 2 2, pointer;
 /* URLs and fallback URLs (some with coordinates), with mandatory keyword fallback */
 cursor: url(cursor_1.svg) 4 5, url(cursor_2.svg), ... , url(cursor_n.cur) 5 5, progress;
 /* Global values */
 cursor: inherit;
 cursor: initial;
 cursor: revert;
 cursor: unset;

Code snippets

index.html

Source:index.html

cursors.css

Source:cursors.css

Browser Compatibility