Elenco dei cursori CSS

Verifica i 36 tipi di cursori CSS specificabili con cursor al passaggio del mouse e copia il codice

Caratteristiche

Visualizza tutti i 36 tipi di cursor

Raccoglie le parole chiave dello standard CSS in un'unica pagina

Verifica l'effetto reale al passaggio del mouse

Il cursore cambia forma quando passi il mouse sopra di esso

Organizzato in 6 gruppi per utilizzo

Con brevi descrizioni è facile trovare il cursore desiderato

Copia il CSS con un clic

Si copia nel formato "cursor: pointer;" e puoi incollarlo direttamente

Come usarlo

1

Cerca per gruppo

Trova i candidati dai titoli organizzati per utilizzo come "Generale" o "Trascinamento e rilascio"

2

Passa il mouse per verificare

Posiziona il cursore sulla casella "Passa il mouse qui" per verificare la forma

3

Copia e incolla

Ottieni il CSS con il pulsante "Copia" e incollalo nel tuo foglio di stile

Elenco dei cursori CSS

Casi d'uso

Verifica del cursore per pulsanti e link

Verifica l'aspetto di pointer da aggiungere agli elementi cliccabili

Scelta del cursore per l'interfaccia di trascinamento

Confronta grab, move e copy per scegliere la forma adatta al riordino o allo spostamento

Distinzione tra stati disabilitati e in elaborazione

Verifica le differenze tra not-allowed, wait e progress per usarli correttamente

Memorizzazione dei valori nello studio di CSS

Vedi tutti i tipi e i significati dei valori di cursor in una volta sola e memorizzali

Conoscenze di base

Differenza tra pointer e default

pointer è un cursore a forma di dito usato per indicare elementi cliccabili come link o pulsanti. default è il cursore freccia standard dell'ambiente, usato principalmente su testo o sfondi dove il clic non ha effetto.

Comportamento del valore iniziale auto di cursor

Il valore iniziale della proprietà cursor è auto, e il browser seleziona automaticamente la forma del cursore in base alla posizione, come text sopra il testo e default altrove.

Motivi per cui cursor non cambia anche se specificato

Se il cursore non cambia forma nonostante cursor sia specificato, di solito c'è un elemento sovrapposto sopra o la specifica viene sovrascritta da un'altra regola.

  • Elemento sovrapposto:Se un elemento trasparente o uno pseudo-elemento si sovrappone, la forma del cursore segue la specifica cursor dell'elemento più in alto.
  • Sovrascrittura per specificità:Quando più regole si applicano allo stesso elemento, la specifica cursor della regola con maggiore specificità (forza del selettore) ha la priorità.
  • Differenze tra sistema operativo e browser:Le immagini del cursore sono fornite dal sistema operativo e dal browser, quindi la stessa forma differisce tra Windows e macOS.

Sicurezza e privacy

Elaborazione nel browser

I dati inseriti vengono elaborati solo all'interno del tuo browser e non vengono inviati all'esterno.

Elaborazione solo nel browser

Visualizzazione del cursore e copia del codice viene elaborato interamente nel tuo browser e i dati di input non vengono inviati ai server.

Comunicazione crittografata con HTTPS

Il caricamento della pagina è crittografato con TLS e il contenuto non può essere letto da terze parti.

Nessun invio a terze parti

I dati di input non vengono inviati a servizi esterni come reti pubblicitarie o tracker.

Nessun salvataggio automatico dei risultati

Codice copiato e i suggerimenti di input non vengono archiviati sui server.

Segui RAKKOTOOLS nella ricerca Google

189 strumenti utili, più facili da trovare dalla ricerca Google e dalla ricerca AI!

  • Trovabili nella ricerca
  • Mostrato anche nella ricerca AI
  • Scopri nuovi strumenti

Informazioni sugli aggiornamenti

Strumenti correlati