• - ChapStique -

    - ChapStique -

  • - Crouton -

    - Crouton -

  • - Nadaddy -

    - Nadaddy -

  • - Fatty -

    - Fatty -

  • - Hollywood -

    - Hollywood -

3 de setembro de 2012

Dois efeitos para imagens de blog

Tumblr_lzau2yjd6x1qf8lauo1_500_large

:iconcutehiplz: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~

Um comentário: