Efeito nas Imagens do Blog

Hi unicornios! Td bem?! Bom, hj vim trazer pra vcs um tutorial bem simples, que como diz o titulo do post, é como colocar o efeito opacidade nas imagens do blog, trago duas opções, que é como colocar em todas as imagens do blog ou só nas imagens dos posts. Lembrando que o tutorial é do This Time, pois não entendo quase nada de HTML, então os créditos vão todos para lá. Vamos ao tutorial ?!

 Primeiro, vá em seu HTML, dê ctrl+f na caixinha do código e procure por ]]></b:skin>, daí é só colar acima do código procurado um dos códigos abaixo:

Efeito opacidade nas imagens de todo o blog:

img {

opacity: .80; /*nivel de opacidade da imagem*/

-webkit-transition-duration: .40s; /*duração da opacidade*/

}

img:hover {

opacity: 1.0; /*nivel de opacidade quando passa o mouse*/

}

 Efeito opacidade nas imagens do post:

.post img {

opacity: .80; /*nivel de opacidade da imagem*/

-webkit-transition-duration: .40s; /* duração da opacidade*/

}

.post img:hover {

opacity: 1.0; /*nivel de opacidade quando passa o mouse*/

}

Bom gente, é só isso. Bem fácil né ? Depois de colar o código, altere como desejar, mais só mexa se souber o que esta fazendo, viu?! Espero que esse tutorial tenha sido útil para alguns de vcs. Beijos e até a proxima.