Dois efeitos para imagens de blog

Olá!!!

Hoje trouxe pra vocês 2 efeitos para as imagens, antes de mais nada, eu aprendi esses efeitos no Perfect Paradise que é parceiro do A.D.

~o primeiro efeito que vamos aprender, é um que quando passamos o mouse, a imagem fica preta e branca ~visualize aqui~ 

                                      Vão em>>design editar HTML e procure por:

]]></b:skin>

                                                          e acima cole:

.post img {

-webkit-transition-duration: .40s;

}

.post img:hover {

-webkit-filter: saturate(0%) ;

}

Onde está em negrito, é aonde você pode mudar, quanto mais alto o número, menos preto e branco fica ao passar o mouse

~Agora vamos ao outro efeito que dou créditos ao Perfect Paradise Também, esse é diferente, quando passamos o mouse encima da imagem, a imagem fica turva visualize ele aqui.

é Super simples, acima de ]]></b:skin > cole:

.post img {

-webkit-transition: all 0.4s ease;

-moz-transition: all 0.4s ease;

-o-transition: all 0.4s ease;

transition: all 0.4s ease;

}

.post img:hover {

-webkit-transition: all 0.4s ease;

-moz-transition: all 0.4s ease;

-o-transition: all 0.4s ease;

transition: all 0.4s ease;

-webkit-filter: blur(2px); color:#FF1493;

}

Amaram os efeitos né?! eu também, por isso postei aqui para compartilhar com vocês rsrs, comentem oque acharam~

Beijos~