Efeito preto e branco em imagens do Blog


Olá pessoal, tudo bem? hoje eu irei ensinar a colocar o efeito preto e branco nas imagens do seu blog, você pode ver uma imagem com a cor semelhante ao efeito adquirido logo acima. Lembrando que é um efeito de transição, ou seja, ele só funciona quando passamos o mouse em cima da imagem ok?
-----------------  -----------------


É muito simples, primeiro vá em Modelo, Editar HTML e procure pelo código ]]></b:skin>, e ACIMA dele cole o seguinte código:
/*--Efeito Preto e Branco--*/img {
-webkit-transition-duration: .90s;
transition:All 0.4s ease;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
}
img:hover {
-webkit-transition-duration: .90s;
-webkit-filter: grayscale(100%);
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;}
/*--Efeito Preto e Branco--*/

img {
-webkit-transition-duration: .90s;
transition:All 0.4s ease;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
}
img:hover {
-webkit-transition-duration: .90s;
-webkit-filter: grayscale(100%);
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;}

E em seguida clique em Salvar Modelo. Pronto.
Fácil, não é?


0 comentários:

Como tudo na vida, o post acima chegou ao fim, mas por que não compartilha a sua opinião conosco? É claro que para isso devemos seguir algumas regrinhas!

✖ Nunca falte com educação a ninguém
✖ Aceito pedidos de afiliação, porém não nos comentários, se quiser afiliar-se a mim, peça pelo Chat.

É só isso mesmo pessoal, não é muita coisa ^-^