ItalianoIT

Lista cursori CSS – tutti i valori con anteprima

Passa il mouse su una scheda per provare il cursore, poi clicca per copiare il CSS.

Testi e file restano nel tuo browser: non viene inviato nulla a un server.

Passa il mouse su una scheda per vedere quel cursore. Un clic copia la riga CSS.

Generali

Link e stato

Selezione

Trascina e rilascia

Ridimensionamento e scorrimento

Zoom

Come si usa

  1. Passa il mouse su una scheda qualsiasi per vedere il cursore in azione. L’aspetto cambia un po’ a seconda del sistema operativo e del browser.
  2. Clicca su una scheda per copiare “cursor: valore;” e incollalo nella tua regola CSS.
  3. Scrivi una parola come resize o move in “Cerca” per filtrare l’elenco.
  4. Smartphone e tablet non hanno il puntatore del mouse: guarda l’anteprima da un computer.

Domande frequenti

Posso usare un’immagine mia come cursore?

Sì: cursor: url(cursore.png) 4 4, pointer; – i due numeri indicano il punto attivo (x y) e il valore standard alla fine è obbligatorio come riserva se l’immagine non si carica. L’immagine non dovrebbe superare 32×32 px.

Quando usare pointer e quando default?

Usa pointer solo per ciò che è cliccabile, come link e pulsanti, e lascia default ovunque altrove. Una manina sopra un elemento non cliccabile confonde chi visita la pagina.

grab non si vede in alcuni browser.

I browser molto vecchi richiedevano prefissi come -webkit-grab. Le versioni attuali di Chrome, Edge, Firefox e Safari supportano tutte i valori standard grab e grabbing.

Strumenti simili

Gradiente CSSGradienti lineari, radiali, coniciFiltri CSSSfocatura, luminosità, grigi e altroSelettore di coloriHEX, RGB, HSL e CMYK insiemeEditor HTMLHTML, CSS e JS dal vivo

Tutti gli strumenti