Efeito Grey Rollover


Mais um efeito em imagens super legal e fácil para você colocar no seu blog, site ou onde você quer que seja. Veja um exemplo de como funciona o efeito. Passe o mouse sobre a imagem:



Pra colocá-lo é super fácil. Primeiramente, é só copiar e colar o código dentro da tag da imagem.




Como pode ficar o código da sua imagem:

<img src="SUA-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)'">