Efeitos nas Imagens

Oiie Pessoal! Já me cansei de tanto dar oiie kkkkk. Enfim, hoje eu estou escrevendo várias coisas não é mesmo? Bem, eu pensei então em ensinar a vcs como colocar efeitos nas imagens do blog ao passar a seta do mouse sobre. Aqui no blog tem e ficou bem legal por isso quero ensinar a vcs.

1- Vá em Modelo>>Editar HTML>>CTRL F>> Procure por:

]]></b:skin>

2- Acima do código encontrado, cole:

SÉPIA:

img {-webkit-filter: sepia(0%);transition:All 0.4s ease;-webkit-transition:All 1s ease;-moz-transition:All 1s ease;-o-transition:All 1s ease;}img:hover {-webkit-filter: sepia(100%);transition:All 1s ease;-webkit-transition:All 1s ease;-moz-transition:All 1s ease;-o-transition:All 1s ease;} 

PRETO E BRANCO:

 post img {-webkit-filter: saturate(100%) ;-webkit-transition-duration: .90s;}.post img:hover {-webkit-filter: saturate(0%) ;-webkit-transition-duration: .90s;}

3- Salve e Pronto!