Effetti di immagine del passaggio del mouse possono essere utilizzati per rendere aspetto di un sito Web e attirare l'attenzione dell'utente per una determinata immagine. Codice CSS, in combinazione con HTML, può essere utilizzato per evidenziare un'immagine tramite la proprietà di "opacità". Quando questa proprietà viene applicata al tag "IMG", l'immagine apparirà leggermente non disponibile-out fino a quando l'utente posiziona il cursore del mouse sopra l'immagine, dandogli un effetto "clou". L'aggiunta di questa funzionalità per le immagini esistenti sulla tua pagina Web è un processo relativamente semplice che richiede solo pochi minuti da fare.

Istruzioni

1

Aprire la pagina HTML che contiene l'immagine che si desidera evidenziare in un editor HTML.

2

Individuare il codice HTML che contiene l'immagine che si desidera evidenziare. Il codice potrebbe essere visualizzato come < img border = "0" all'interno del tag < a >. Il risultato finale dovrebbe apparire come segue: < a href = "l'http://www.example.com/" class = "highlightit" >< img border = "0" src="test.gif" >< /a >

3

Immettere il seguente codice CSS nell'intestazione del CSS all'interno della pagina HTML o aprire il file CSS all'interno dell'editor HTML e aggiungere il codice. Salvare i file quando hai finito.

.highlightit img {

Filter:ProgID:DXImageTransform.Microsoft.Alpha(Opacity=50);

-moz-opacità: 0,5;

opacità: 0,5;

}

.highlightit:hover img {

Filter:ProgID:DXImageTransform.Microsoft.Alpha(Opacity=100);

-moz-opacità: 1;

opacità: 1;

}