Efeito Fade

Oiii trouxe um tutorial muito legal para vcs se chama efeito Fade o credito vai para o Cherry Bomb! Já pediu alguma postagem dica ou perguntas não então vai no menu é clique o peça para pedir ou perguntar o que quizer viu! ;D. Veja o efeito aqui, é só passar o mouse em cima das imagens.

- Cole o seguinte código, acima de ]]></b:skin>

.fade{
-webkit-transition: 0s linear;
-webkit-transition: opacity 0.5s linear;
-webkit-transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
transition: all 0.3s linear;
background-color: #eee; /* Cor da borda */
padding: 3px;
}
.fade:hover {
background-color: #87CEEB; /* Cor da borda hover */
padding: 3px;
}

E esse código onde você quer que apareça:

 <a href="LINK" title="NOME"><img class="fade" src="URL DA IMAGEM" /></a>

É isso aí c: