Por Daieny Schuttz  

Gostaria de fazer um Efeito Cinza sobre uma Imagem? Com este Efeito, a Imagem estará totalmente em Cinza e ficará colorida quando o Cursor passar sobre ela, quando o Cursor sair, a Imagem voltará a ser Cinza. Vamos usar a seguinte Imagem como exemplo:

Ohh... *-*

Para colocar o Efeito sobre a Imagem, é necessário apenas um simples Código.
Veja como ficaria:

(Passe o Mouse sobre a Imagem)

Use o Código abaixo e coloque a URL da Imagem que você deseja que tenha o Efeito:

<img src="URL DA IMAGEM" style="filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)" onmouseover="this.style.filter='progid:DXImageTransform.Microsoft.BasicImage(grayscale=0)'" onmouseout="this.style.filter='progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)'">

Observação: Este Efeito não funciona com o navegador Fire Fox.