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:

Postar um comentário

Hi guys!!!!
Hey aqui é Wendy, blogueira desde 2010! Viciada em animes, amante de livros e adora ver séries! Criei esse cantinho na intenção de ajudar na criação e personalização de blogs e sites.
Wattpad Facebook Tumblr Instagram