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';"/>
1 comentario:
Tengo un problema con este efecto, cuando estoy creando la entrada con la imagen, a la imagen la coloco en el centro pero cuando la publico me queda a la izquierda. Como puedo solucionar esto?
Publicar un comentario