#1
Tablase imagenes transparentes ! con css (muy bueno ) el Sáb Mar 21, 2009 10:58 am
Tablase imagenes transparentes ! con css (muy bueno ) el Sáb Mar 21, 2009 10:58 amHola , aqui traigo algunas pistas css
Quizas algunos sepan pero de todas formas creo que sirve :
Tabla transparente :
Para el efecto :
Para agregar :
Para imagen transparnete muy bueno al pasar el mouse ya no se vuelve transpanrete :
Aqui :
Un poco mas y me olvido fuente :
http://www.cssblog.es/ejemplos-con-la-transparencia-css/
salu2!
Quizas algunos sepan pero de todas formas creo que sirve :
Tabla transparente :
Para el efecto :
- Código:
<style type="text/css">
div.background
{
width: 500px;
height: 250px;
background: url(Aqui la url de tu imagen) repeat;
border: 2px solid black;
}
div.transbox
{
width: 400px;
height: 180px;
margin: 30px 50px;
background-color: #ffffff;
border: 1px solid black;
/* para IE */
filter:alpha(opacity=60);
/* CSS3 standard */
opacity:0.6;
}
div.transbox p
{
margin: 30px 40px;
font-weight: bold;
color: #000000;
}
</style>
Para agregar :
- Código:
<div class="background">
<div class="transbox">
<p>Hay algo dentro de esta caja.
Hay algo dentro de esta caja.
Hay algo dentro de esta caja.
Hay algo dentro de esta caja.
Hay algo dentro de esta caja.
</p>
</div>
</div>
Para imagen transparnete muy bueno al pasar el mouse ya no se vuelve transpanrete :
Aqui :
<img alt="Ejemplo imagen" src="http://www.definicionabc.com/wp-content/uploads/caja-carton-box.jpg" 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;" />
Un poco mas y me olvido fuente :
http://www.cssblog.es/ejemplos-con-la-transparencia-css/
salu2!

Hola Invitado recuerda siempre leer las Reglas del foro para evitar problemas
Nunca olvides leer las nuevas normas del foro 8D
Puedes escbribir a las siguientes direcciones
hackerspan@tfwmail.co.cc
Hackerspan@promocionatupagina.com







Mensajes
Reputacion
Puntos
Localización
Edad


