Foros del Web » Creando para Internet » CSS »

Sombra en hojas

Estas en el tema de Sombra en hojas en el foro de CSS en Foros del Web. Hola, quisiera agregarle una sombra lateral a mi hoja, que está hecha por un div con fondo blanco, que quede igual o de este tipo ...
  #1 (permalink)  
Antiguo 24/05/2011, 18:03
 
Fecha de Ingreso: febrero-2011
Mensajes: 124
Antigüedad: 6 años, 10 meses
Puntos: 4
Sombra en hojas

Hola, quisiera agregarle una sombra lateral a mi hoja, que está hecha por un div con fondo blanco, que quede igual o de este tipo http://bmx.transworld.net/
Gracias de antemano!
  #2 (permalink)  
Antiguo 25/05/2011, 03:45
Avatar de slide22  
Fecha de Ingreso: mayo-2011
Ubicación: Madrid
Mensajes: 17
Antigüedad: 6 años, 6 meses
Puntos: 0
Respuesta: Sombra en hojas

Hola!. Una de las soluciones seria utilizar la propiedad box-shadow y añadirle varias sombras. No he conseguido el efecto tal cual, tambien le da un poco de combra por arriba pero se parece:

div {
-moz-box-shadow:
30px 0 10px 0 #000,
-30px 0 10px 0 #000;
-webkit-box-shadow:
30px 0 10px 0 #000,
-30px 0 10px 0 #000;
}

Otra opcion es con imagenes a los lados del div de esta forma:

<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<style>
#container{
border: 1px solid #000;
margin:auto;
width: 50%;
}
#principal {
float:left;
width: 70%;
}
#sombra-iz{
background-image: url('sombra-izquierda.jpg');
background-repeat: repeat-y;
float: left;
}
#sombra-de{
background-image: url('sombra-derecha.jpg');
background-repeat: repeat-y;
float:left;
}
#footer{
clear:both;
}
</style>
</head>
<body>
<div id="container">
<div id="sombra-iz">&nbsp;</div>
<div id="principal">
&nbsp;
</div>
<div id="sombra-de">&nbsp;</div>
<div id="footer">&nbsp;</div>
</div>
</body>
</html>

Etiquetas: hojas, sombra
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 15:45.