Generatore di cursore personalizzato (CSS)

Generatore di cursore personalizzato (CSS): a cosa serve

Un cursore personalizzato rafforza l’identità di portfolio, siti di brand e giochi. Scegli un cerchio (anello, pieno o anello con punto) del colore e della dimensione che vuoi, oppure carica un’immagine PNG o SVG, imposta il punto di clic e prova nell’area di prova.

Il CSS esce con l’immagine in data URI, l’hotspot, un cursore di riserva e l’opzione di mantenere la manina su link e pulsanti. Lo strumento avvisa quando l’immagine supera i 128 px, limite oltre il quale i browser ignorano il cursore.

Come si usa

1. Scegli cerchio o immagine.
2. Regola il colore, la dimensione o il punto di clic.
3. Prova e copia il CSS.

Quando usarlo

• Portfolio di designer.
• Sito di brand o campagna.
• Pagine di giochi.

Domande frequenti

Qual è la dimensione massima del cursore?

I browser accettano immagini di cursore fino a 128 per 128 px; oltre, ignorano l’immagine e usano il cursore di riserva. La dimensione più sicura e comoda è 32 px.

Che cos’è il punto di clic (hotspot)?

È il pixel dell’immagine che conta come la punta del cursore. In una freccia sta sulla punta; in un cerchio, al centro. I due numeri dopo l’indirizzo dell’immagine nel CSS sono la posizione di quel punto.

Un cursore personalizzato dà fastidio?

Può dare fastidio se è piccolo, senza contrasto o con il punto di clic nel posto sbagliato. Usalo in siti con un’identità forte (portfolio, gioco, brand) e mantieni sempre il cursore a manina o equivalente sui link per mostrare che sono cliccabili.

È davvero gratis?

Sì, 100% gratis. Senza registrazione, senza abbonamento e senza limiti d’uso. Tutti gli strumenti di Tools123 sono gratuiti.

Strumenti simili