hola a todos..espero puedan ayudarme a conseguir la solución a mi duda..
empecemos..
imaginemos q tenemos dos capas, una arriba de la otra..
y quiero agregarle una sombra a las dos pero como están unidas entre si las sombras se superponen sobre las capas..
alguien podría darme alguna solución para que por lo menos visualmente las dos sombras parezcan una?
ejemplos:
Código HTML:
<html>
<head>
<style type="text/css">
.capa{
width:100px;
height:100px;
display: block;
}
#capa1{
border-top-left-radius:5px;
border-top-right-radius:5px;
box-shadow:0 10px 10px black;
}
#capa2{
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
box-shadow:0 10px 10px black;
}
</style>
</head>
<body>
<div class="capa" id="capa1"></div>
<div class="capa" id="capa2"></div>
</body>
</html>
alguien puede darme una mano..yo se q lograron resolverlo..
muchas gracias.