Efeito opacidade em um grupo de imagens

Olá Anjos!

Trouxe um tutorial bem legal para vocês, que é o efeito na opacidade das imagens do blog. Esse efeito é do Kawaii World, e eu o usei no Template Blue Tiger, mas com o efeito invert (que é aquele que a imagem fica "negativa") no lugar da opacidade (apenas falando isso para vocês saberem que dá para trocar o efeito).

O nome ficou tosco mesmo, porque foi o melhor que consegui. O efeito é o seguinte: quando você passa o mouse em uma imagem, as que estão em volta ficam opacas. Entenderam?

Veja um preview aqui.

1- Vá no HTML do seu blog, procure por ]]></b:skin> e acima, cole:

#parceiros {
opacity: .80;
    -webkit-transition:all 1s ease;
    -moz-transition:all 1s ease;
    -o-transition:all 1s ease;
}
#parceiros:hover a {
opacity: .20;
}
#parceiros a {
opacity: .80;
    -webkit-transition:all 1s ease;
    -moz-transition:all 1s ease;
    -o-transition:all 1s ease;
}
#parceiros a:hover {
opacity: .99;
}

2 - Em um Gadget de HTML/Javascript, cole:

<div id="parceiros">
Código das suas imagens
</div>

Lembrando que você pode trocar a opacidade por qualquer outro efeito, como o de preto e branco, etc.

Meus querides! Caso vocês gostem desse blog e queiram continuar me acompanhando, eu ainda escrevo, mas em outro blog. Não posto apenas tutoriais, mas continuo escrevendo e falando de vários assuntos, inclusive a blogosfera. Caso queira visitar (sério ótimo uma visita): clique aqui para ir ao blog Serenar