Categorias

Efeito alpha em imagens com JavaScript e CSS

Este código apresenta uma função em Javascript que altera o alpha da imagem de acordo com o MouseOver ou MouseOut.
Inicialmente a imagem deve estar configurada, através do CSS, com o style=”filter:alpha(opacity=30)”, ou seja, ela estará aparecendo de forma mais clara na tela. Ao passar o mouse por cima da imagem, sua cor original será restaurada.

Este efeito é muito utilizado em sites de moda e lojas virtuais, já que ele enfatiza a imagem ou produto de acordo com a movimentação do mouse.

Este código não funciona corretamente no Firefox.





Passe o mouse obre a imagem para ver