6XC

Selettore di Cursori CSS

Passa il mouse su ogni valore di CSS cursor per testarlo dal vivo, clicca per copiare la dichiarazione.

992 visualizzazioni

Passa il mouse per testare · Clicca per copiare

La proprietà cursor

Il cursore indica all'utente cosa fa un elemento prima che ci clicchi sopra: pointer per gli elementi cliccabili, grab per quelli trascinabili, not-allowed per le aree disabilitate, col-resize/row-resize per i pannelli ridimensionabili. Passa il mouse su ogni riquadro qui sotto per provare il cursore direttamente sul tuo schermo; cliccando copi la dichiarazione già pronta. Sono possibili anche immagini personalizzate con cursor: url(...), fallback.

Domande Frequenti

Perché il mio cursore personalizzato non appare?

Le immagini del cursore personalizzato devono essere piccole (32×32 px o meno sulla maggior parte delle piattaforme) e la dichiarazione richiede una parola chiave di fallback: cursor: url("c.png"), auto;.

I pulsanti dovrebbero usare cursor: pointer?

I browser non lo applicano di default a <button>, ma gli utenti se lo aspettano — la maggior parte dei design system aggiunge cursor: pointer a tutti i controlli interattivi.

Strumenti Simili

Generatore di Gradienti CSS Progetta gradienti CSS lineari, radiali e conici con anteprima dal vivo e copia il codice. Genera Generatore di Ombre CSS (Box Shadow) Progetta una box-shadow visivamente — offset, sfocatura, espansione, colore, opacità e inset — con anteprima dal vivo. Genera Generatore di Border Radius CSS Arrotonda ogni angolo singolarmente o tutti insieme, in px o %, con anteprima dal vivo e CSS copiabile. Genera Generatore di Ombra del Testo CSS Progetta un text-shadow con offset, sfocatura, colore e opacità — anteprima dal vivo su testo di esempio. Genera