Sono Andrea Tonin di Rovigo, sono web-designer di professione. Il mio lavoro consiste nel fornire ai miei clienti interfacce di navigazione accattivanti e personalizzate. Questa esigenza lavorativa mi ha portato a sviluppare una buona conoscenza delle tecniche HTML e CSS. Spero che questo corso pratico di CSS vi possa essere utile 
In CSS è possibile modificare il puntatore del mouse assegnandogli un’immagine qualsiasi con l’istruzione – cursor: url –
Questo ci permette di creare dei puntatori personalizzati ad esempio in gif o png, formati facili da generare e che supportano il canale alfa.
Vediamo un esempio pratico nel seguente codice:
<!DOCTYPE html> <html> <head> <title>Titolo del documento</title> </head> <body> <!-- Applico per comodità lo stile direttamente in body, per facilitare la lettura del codice --!> <p>Muovi il mouse sopra la scritta per vedere come cambia il cursore!</p> <span style="cursor:url(http://www.lucedigitale.com/blog/wp-content/uploads/2013/07/teschio-cursore.gif),pointer">cursore personalizzato</span><br> </body> </html>
Il tag – span – ci permette direttamente di estrapolare parte del testo per applicare uno stile.
Vediamo il risultato finale qui sotto:
Muovi il mouse sopra la scritta per vedere come cambia il cursore!
cursore personalizzato
Non male vero? Ora il vostro unico limite è la fantasia!
