Opacidade nas imagens

Vas Happenin'

Um efeito simples e pratico de fazer entao vamos la.

va em HTML depois procure por: ]]></b:skin> 

logo acima coloque isto aqui.

.border { 
-moz-opacity:0.70; opacity:0.70;
-webkit-transition-duration:2s;
background-color:#e7b3c2 /*Cor de fundo, aparece enquanto a imagem está carregando*/; 
border:2px solid #c8debf; /* Cor e estilo da borda*/ } 
.border:hover  { 
filter:alpha(opacity=100); 
-moz-opacity:1.0; 
opacity:1.0;
background-color:#e7b3c2; /*Cor de fundo quando passa o mouse em cima*/
border: 2px solid #f2ada5; /* Cor e estilo da borda quando passa o mouse em cima*/ 
}

Para o código funcionar, você tem que por a tag class="border" no código da imagem, assim:

<img src="linkdaimagem" class="border"/>

espero que tenham gostado, Bjocas*.