Tema: Cajas con box-shadow compartido
Ver Mensaje Individual
  #6 (permalink)  
Antiguo 09/03/2012, 17:19
Avatar de xFantaSx
xFantaSx
 
Fecha de Ingreso: agosto-2011
Mensajes: 243
Antigüedad: 14 años, 2 meses
Puntos: 20
Respuesta: Cajas con box-shadow compartido
Hola, prueba con este codigo:

Código HTML: 
Ver original
  1. <html>
  2. <head>
  3. <style type="text/css">
  4. .capa{
  5.     width:100px;
  6.     height:100px;
  7.     display: block;
  8. }
  9. * {
  10.     padding:20px;
  11. }
  12. #capa1{
  13.     border-top-left-radius:5px;
  14.     border-top-right-radius:5px;
  15.     box-shadow: rgba(200, 200, 200, .6) -4px -4px 5px ,
  16.                 rgba(200, 200, 200, .6) 4px -4px 5px ;
  17.  
  18.  
  19. }
  20. #capa2{
  21.     border-bottom-left-radius:5px;
  22.     border-bottom-right-radius:5px;
  23.     box-shadow: rgba(200, 200, 200, .6) 4px 4px 5px,
  24.                 rgba(200, 200, 200, .6) -4px 4px 5px ;
  25.     margin-top:-8px;
  26.  
  27. }
  28. </style>
  29. </head>
  30. <body>
  31.     <div class="capa" id="capa1"></div>
  32.     <div class="capa" id="capa2"></div>
  33. </body>
  34. </html>
__________________
Aprende cómo ganar dinero en internet...o ganar dinero rapido?