6XC

CSS Cursor Kiezer

Beweeg over elke CSS-cursorwaarde om deze live te testen, klik om de cursor-declaratie te kopiëren.

985 weergaven

Beweeg om te testen · Klik om te kopiëren

De cursor-eigenschap

De cursor vertelt gebruikers wat een element doet voordat ze klikken: pointer voor klikbare elementen, grab voor sleepbare elementen, not-allowed voor uitgeschakelde gebieden, col-resize/row-resize voor deelbare panelen. Beweeg over elke tegel hieronder om de cursor op uw eigen scherm te voelen; klikken kopieert de kant-en-klare declaratie. Aangepaste afbeeldingen zijn ook mogelijk met cursor: url(...), terugval.

Veelgestelde vragen

Waarom wordt mijn aangepaste cursor niet getoond?

Aangepaste cursorafbeeldingen moeten klein zijn (op de meeste platforms 32×32 of minder) en de declaratie vereist een terugvalsleutelwoord: cursor: url("c.png"), auto;.

Moeten knoppen cursor: pointer gebruiken?

Browsers passen dit standaard niet toe op <button>, maar gebruikers verwachten het — de meeste ontwerpsystemen voegen cursor: pointer toe aan alle interactieve besturingselementen.

Vergelijkbare tools

CSS Kleurverloop Generator Ontwerp lineaire, radiale en conische CSS-kleurverlopen met live voorbeeld en kopieer de code. Genereren CSS Box Shadow Generator Ontwerp een box-shadow visueel — verschuiving, vervaging, spreiding, kleur, dekking en inset — met live preview. Genereren CSS Border-Radius Generator Rond elke hoek afzonderlijk of allemaal tegelijk af, in px of %, met live voorbeeld en kopieerbare CSS. Genereren CSS Tekstschaduw Generator Ontwerp een text-shadow met verschuiving, vervaging, kleur en dekking — live voorbeeld op voorbeeldtekst. Genereren