TUTORIALPreto e branco ao passar o mouse
Funcionalidade: PunBB, PhpBB2, PhpBB3 e Invísion!

Neste tutorial você verá que é possível mudar a cor de uma imagem ao passar o mouse sobre ela, neste caso iremos usar o preto e branco.

--> Código CSS <--

Código:

/* Effect black in white */
img {
-webkit-filter: grayscale(0);
display: inline-block;
-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;
-ms-transition: all 0.7s ease-in-out;
transition: all 0.7s ease-in-out;
}img:hover {
-webkit-filter: grayscale(1);
}
/*---/  http://staffergroupbr.stuning.net /---*/

Gostei do tutorial

Gostei :P Obrigado por Postar Utilizarei '-'

gostei muito obrigado por compartilhar conosco esse otimo tutorial.

Obrigada por postar, utilizarei.

Não entendi ao certo o efeito, então bora testar

As imágens fica, preto e branco quando passa o mouse!

Pefeito mesmo tava procurando de volta pq tinha restado meu fórum ;D

Muito Bom Vi no forum do meu amigo Fica show