Sabe o efeitozinho claro-escuro que aparece em algumas imagens quando se passa o mouse? É um CSS bem simples, veja só:
1º Abra seu CSS e coloque este código nele:
/****** opacidade - MADLYLUV.COM ******/ .opacidade {filter:alpha(opacity=65); /*opacidade em 65% - para IExplorer*/ opacity: 0.65; /*opacidade paa outros navegadores*/ -webkit-transition: All 0.3s ease-in-out; /*efeito de transição*/ -moz-transition: All 0.3s ease-in-out; -o-transition: All 0.3s ease-in-out;} .opacidade:hover {filter:alpha(opacity=100); /*opacidade em 100%*/ opacity: 1;}
2º Para colocar na imagem, coloque apenas class="opacidade". Mas, se você usa bordas nas imagens ou qualquer outra classe dentro da imagem, coloque desta maneira:
<img src="http://imagem.jpg" class="borda ; opacidade">