🖱️ CSS Cursor Gallery

Browse and preview all CSS cursor property values with examples.

About CSS Cursor Gallery

Interactive gallery of all CSS cursor values including pointer, grab, zoom-in, crosshair, and custom cursors. See how each cursor looks and get the CSS code instantly.

Features

  • All CSS cursor values
  • Live preview on hover
  • Copy CSS code

Frequently Asked Questions

How many CSS cursor values exist?

CSS defines over 30 cursor values including auto, default, pointer, text, move, not-allowed, grab, zoom-in, and custom URL-based cursors.

How to use custom cursor images?

Use cursor: url('cursor.png'), auto; The URL specifies the custom image, and auto provides a fallback if the image fails to load.

What cursor to use for clickable elements?

Use cursor: pointer for links and buttons. This is the standard convention that users expect for interactive elements.

Related Tools