Effetto opaco per immagini con Css

Se volete utilizzare nel vostro sito immagini con effetto opaco anche detto “effetto Off”, non c’è bisogno di utilizzare 2 immagini differenti.
Potete risparmiare moltissimo tempo grazie al codice Css. Una volta che passate con il mouse sopra l’immagine opaca “si accende” e otterrete l’effetto desiderato. Per applicare questo effetto alle vostre immagini seguite i semplici punti che seguono:

Codice da inserire nel vostro foglio di stile css

a.linkopaco img {
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
}

a.linkopaco:hover img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
}