Efecto de invisibilidad en un gadget

Si bien este efecto queda muy bien en sus web,es un truco bastante beno para sus blogs en el sentido de darle un aspecto fantasma de acuerdo a su deoración en sus sitios.

Lo bueno de este efecto es que no relentiza ni aplaza el cargar còdigos solo hay que agrear en el bloque de CSS un còdigo y cambiar la id de el gadged que quieren que se les agregue el efecto.

¿Empezamos?

entra en diseño/edicion de html y pega antes de ]]></b:skin> este código:

#aquí la id de tu gadged:hover{
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
-khtml-opacity: 1.0; }#aquí igual{
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
-khtml-opacity: 1.0; }#también aquí{
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
-khtml-opacity: 0.5;}

#aquí la id de tu gadged:hover{
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
-khtml-opacity: 1.0; }

Solo cambia lo que está en verde la id de tu gadged.

Donde dice opacity: 0.5;

es la transparencia de tu gadget.