Efecto Opacidad.

EFECTO PARA UNA IMAGEN

[afectara solo a la imagen elegida]

Ejemplo 1:

Código:

<img style="opacity: 0.2; filter:alpha(opacity=20);" src="URL DE TU IMAGEN" onmouseover="this.style.opacity=1;this.filters.alpha.opacity='100';" onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity='40';"/>

Ejemplo 2:


Código:

<img src="URL DE TU IMAGEN" onmouseout="this.style.opacity=1;this.filters.alpha.opacity='100';" onmouseover="this.style.opacity=0.4;this.filters.alpha.opacity='40';"/>

EFECTO EN TU BLOG

[todas la imagenes de tu blog]

Ir a Diseño, Edicion HTML, En Tu Plantilla Busca [CTRL + F]: ]]></b:skin>

ARRIBA Pegas:

img {
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
-khtml-opacity: 0.5;
}
img:hover {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
-khtml-opacity: 1.0;
}

0.5 Indica El Grado De Opacidad, Entre Menor Mas Opacidad Tendrá.

Icon by Shiro.