Generatore Cursore CSS

La proprietà CSS cursor controlla l'indicatore visivo che appare quando il tuo mouse si posiziona su un elemento in una pagina web. Questo strumento di progettazione sottile ma potente comunica l'interattività agli utenti, segnalando se possono fare clic, trascinare, ridimensionare o interagire con diverse parti della tua interfaccia. Che tu stia costruendo un'applicazione web o uno stile per un semplice sito web, la scelta del tipo di cursore corretto impatta significativamente l'esperienza dell'utente e la professionalità percepita.

Questo generatore mostra tutti i valori di cursore CSS standard organizzati per categoria — dai cursori generici come default e none, a quelli specializzati per link, selezione di testo, trascinamento, ridimensionamento e zoom. Semplicemente sfoglia le categorie, passa il mouse su ogni tipo di cursore per vedere un'anteprima dal vivo di come appare sullo schermo, e fai clic per copiare la dichiarazione CSS pronta all'uso (cursor: value;) negli appunti. Questo flusso di lavoro elimina la necessità di memorizzare la sintassi o cercare nella documentazione.

I casi d'uso comuni includono contrassegnare gli elementi del modulo disabilitati con not-allowed, mostrare i cursori grab e grabbing per i componenti trascinabili e utilizzare cursori di ridimensionamento come col-resize o row-resize per indicare i limiti ridimensionabili. I browser moderni supportano tutti questi valori di cursore senza configurazione aggiuntiva, rendendoli un modo accessibile per migliorare l'usabilità sia su interfacce desktop che touchscreen.