Para darle un toque cool a algunas de nuestras imagenes, con un pequeño codigo cambiaremos la opacidad de estas. Este codigo CSS contiene las propiedades 'opacity' y 'onmouseover', que lo que hacen es que la imagen se vea apagada y al pasar el cursor por encima la veamos en todo su esplendor. Cada vez que quieras añadir una imagen con este efecto, pegas el codigo que tienes mas abajo.
<img src="URL DE LA IMAGEN" style="opacity:0.4;filter:alpha(opacity=40)" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=40" /> |
