Yo minna san!!! Trago um tutu beeem maneiro procês de como colocar imagens opacas em todo o blog. Ele deixa o blog bem mimoso. Porém o lado ruim que as imagens das colunas, também ficarão opacas. Mas mãos a obra meus pandas! Lá dentro do seu HTML procure pela tag ]]></b:skin>, e ai achou?
Códigos
/*---Efeito Opacidade*/
.post img {
-moz-opacity:0.60; opacity:0.60;/* Opacidade das imagens */
-webkit-transition-duration: 2s; /* Tempo de mudação de uma imagem para outra */
}
.post img:hover {
-moz-opacity:1.0; opacity:1.0;
}
.sidebar img {
-moz-opacity:0.60; opacity:0.60;/* Opacidade das imagens */
-webkit-transition-duration: 2s;
}
/*---Fim do código/
.post img {
-moz-opacity:0.60; opacity:0.60;/* Opacidade das imagens */
-webkit-transition-duration: 2s; /* Tempo de mudação de uma imagem para outra */
}
.post img:hover {
-moz-opacity:1.0; opacity:1.0;
}
.sidebar img {
-moz-opacity:0.60; opacity:0.60;/* Opacidade das imagens */
-webkit-transition-duration: 2s;
}
/*---Fim do código/
Só salvar e prontim. Gostou? Não esqueçam de comentar ficarei feliz em ver o seu blog.
Nenhum comentário:
Postar um comentário