Imagens em preto e branco com hover.

Hey crazyrs, como estão? Espero que bem, porque meu dia digamos que foi bem impactante, não postei mais cedo porque muitas coisas acontecerem hoje, pra começar eu fui dormi umas 4 e poucas da madruga e acordei as 8 com uma notícia de um acidente e etc, eu fiquei super preocupada, enfim, não quero entrar em detalhes mas graças a Deus meu irmão está bem... O dia foi complicado, enfim... O tutorial de hoje é de imagens preto e branco com hover, eu particularmente adoro e espero que gostem também. "Mais informações"

Não coloquei preview porque é obvio, a imagem fica em preto e branco e quando passa o mouse ela fica da cor original.

Cole esse código antes de ]]></b:skin>

.image5{-webkit-filter:
grayscale(100%); -moz-transition: all 2s ease; -o-transition: all 2s ease;
transition: all 2s ease;}
.image5:hover{-webkit-filter:
grayscale(0%); -moz-transition: all 2s ease; -o-transition: all 2s ease;
transition: all 2s ease;}

E esse código onde for usar:

<a href="link" title="nome"><img src="link da imagem" class="image5" />

Se não quiser a imagem linkada é só tirar essa parte:

<a href="link" title="nome">

Beijos, Brenda.