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
Cerca per gruppo
Trova i candidati dai titoli organizzati per utilizzo come "Generale" o "Trascinamento e rilascio"
Passa il mouse per verificare
Posiziona il cursore sulla casella "Passa il mouse qui" per verificare la forma
Copia e incolla
Ottieni il CSS con il pulsante "Copia" e incollalo nel tuo foglio di stile

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
- update #318
Aggiungi elenco cursori CSS, verifica tutti i tipi di cursor al passaggio del mouse e copia
