Wat zijn CSS-cursors?

CSS-cursors zijn visuele indicatoren die het uiterlijk van de muisaanwijzer wijzigen om aan te geven welke acties mogelijk zijn. Wanneer je over verschillende elementen op een webpagina zweeft, verandert de cursor om feedback te geven over interactiviteit – een wijzende hand voor links, een tekstcursor voor bewerkbare inhoud, of resize‑pijlen voor verstelbare elementen. Deze visuele aanwijzingen zijn essentieel voor een intuïtief ontwerp van de gebruikersinterface.

Toolbeschrijving

Deze tool biedt een interactieve preview van alle standaard CSS-cursorwaarden. Selecteer een cursor‑type uit de dropdown, zweef over het preview‑gebied om deze in actie te zien, en verkrijg het kant‑klaar‑te‑gebruiken CSS‑codefragment.

Functies

  • Live cursor preview: Zweef over het preview‑gebied om elke cursor in actie te zien
  • Categorized navigation: Navigeer door cursors per categorie (Algemeen, Links & Status, Selectie, Slepen & Neerzetten, Schalen & Scrollen, Zoomen)
  • Instant CSS code: Verkrijg de cursor‑eigenschapcode kant‑klaar om te kopiëren en te gebruiken
  • Detailed descriptions: Leer wat elke cursor aangeeft aan gebruikers

Use cases

  • Het kiezen van de juiste cursor voor interactieve UI‑elementen
  • Alle beschikbare CSS-cursoropties leren kennen
  • Snelle referentie tijdens webontwikkeling
  • Het testen van cursorweergave in verschillende browsers