Efeito opacidade em um grupo de imagens

Hey! Hey! Como você estão hoje venho trazer um efeito que encontre lá no blog Chá com anjos. O efeito é de opacidade em um grupo de imagens, deixei uma brevia do efeito para vocês, o link estará mais abaixo. Espero que gostem. =)

Brevia do efeito

1. Escolha o blog qual deseja aplicar, e vá ate seu HTML. Chegando lá ative a pesquisa com o atalho Ctrl+U e pesquise por ]]></b:skin>, acima dele cole: 

Códigos

#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;
}

Salve!

2. Agora vá ate Layout e abra um novo gadget/javascrit, dentro dele cole:

Códigos

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

Salve e prontinho!