clique aqui


BLOGS QUE ADMIRO ACIMA E OUTROS LINKS ABAIXO

04/06/2017

Tutorial: 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. =)


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: 
#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:
<div id="parceiros">
Código das suas imagens
</div>

Salve e prontinho!

Nenhum comentário:

Antes de sair, não esqueça de comentar!