Foros del Web - Ver Mensaje Individual - Cajas con box-shadow compartido

xFantaSx · #6 (**permalink**) 09/03/2012, 17:19

Hola, prueba con este codigo:

Código HTML:

Ver original<html>
<head>
<style type="text/css">
.capa{
    width:100px;
    height:100px;
    display: block;
}
* {
    padding:20px;
}
#capa1{
    border-top-left-radius:5px;
    border-top-right-radius:5px;
    box-shadow: rgba(200, 200, 200, .6) -4px -4px 5px ,
                rgba(200, 200, 200, .6) 4px -4px 5px ;
 
 
}
#capa2{
    border-bottom-left-radius:5px;
    border-bottom-right-radius:5px;
    box-shadow: rgba(200, 200, 200, .6) 4px 4px 5px,
                rgba(200, 200, 200, .6) -4px 4px 5px ;
    margin-top:-8px;
 
}
</style>
</head>
<body>
    <div class="capa" id="capa1"></div>
    <div class="capa" id="capa2"></div>
</body>
</html>