Pruevadesingblog! Adaptaciones PWG
OpacitiyTranparenci
Hola amigos que tal
Bueno aqui les vengo dejando unos codigos Css. Creo que este codigo Ya es Conocido pero aun haci lo posteo . Espero que lo Difruten ^^Bueno Aqui Esta el Demo:
Pueden Notar que a pasar el maus por la imagen se quita la Opacida.
Bueno Aqui esta el codigo:
<img onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=40" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" style="opacity: 0.4;" src="http://i52.tinypic.com/34sj90i.png" alt="" />
Cambia Lo Que esta En verde
Bueno Ahora Les Dejo otro Codigo, Vean el DEMO:
Este Codigo Lo Consigues en Pruevadesingblog.es.tl
Este Codigo Lo Consigues en Pruevadesingblog.es.tl
Este Codigo Lo Consigues en Pruevadesingblog.es.tl
El Codigo De ese Box Con Opacidad Es el Siguiente
<style type="text/css">
div.background
{
width:500px; // Ancho De la Imagen De fondo
height:280px; // Largo De la Imagen De fondo
background:url(http://www.csd.cl/fondo%20gris.jpg) repeat;
border:2px solid black;
}
div.transbox
{
width:400px; // Ancho del Box Transparente
height:220px; // Largo Del Box Transparente
margin:30px 50px;
background-color:#ffffff;
border:1px solid black;
/* for IE */
filter:alpha(opacity=60);
/* CSS3 standard */
opacity:0.6;
}
div.transbox p
{
margin:30px 40px;
font-weight:bold;
color:#000000; // Color De texto
}
</style>
</head>
<body>
<div class="background">
<div class="transbox">
<p>
Este Codigo Lo Consigues en Pruevadesingblog.es.tl
<br>
<br>
Este Codigo Lo Consigues en Pruevadesingblog.es.tl
<br>
<br>
Este Codigo Lo Consigues en Pruevadesingblog.es.tl
</p>
</div>
</div>
Modifica lo que esta En Naranja
