18 jun. 2011

Opacidad en las imágenes.

Imagen con opacidad y color normal al pasar el mouse:



<img style="opacity: 0.2; filter:alpha(opacity=20);" src="URL de la imagen" onmouseover="this.style.opacity=1;this.filters.alpha.opacity='100';" onmouseout="this.style.opacity=0.2;this.filters.alpha.opacity='20';"/>






Imagen normal y efecto de opacidad al pasar el mouse:



<img src="URL de la imagen" onmouseout="this.style.opacity=1;this.filters.alpha.opacity='100';" onmouseover="this.style.opacity=0.2;this.filters.alpha.opacity='20';"/>

No hay comentarios:

Publicar un comentario