Nwlapcug.com


Come modificare l'effetto di Rollover in CSS

Come modificare l'effetto di Rollover in CSS


CSS o Cascading Style Sheet rende facile per creare effetti interattivi in una pagina Web. Un tale effetto popolare è l'effetto rollover o mouse-sopra, dove un certo testo o immagine in un sito cambia una volta che il puntatore del mouse viene posizionato su di esso. Questo effetto viene ottenuto mediante il: selettore hover in CSS. Una volta: hover è definito, può essere utilizzato per scambiare i colori, immagini di sfondo, così come l'aspetto del font quando il puntatore del mouse passa sopra esso.

Istruzioni

1

Nel blocco note, aprire il tuo file CSS.

2

Trovare il testo "hover" utilizzando strumento di ricerca di blocco note o "Ctrl + F."

3

Sostituire l'effetto di rollover modificando i valori all'interno dell'elemento al passaggio del mouse. Ad esempio, se si desidera che l'effetto di attivazione dei collegamenti per modificare il testo in grassetto, utilizzare il seguente codice CSS:

a: hover {

font-weight: bold;

}