Tema: #CSS3, Efecto Hojas Apiladas
Ver Mensaje Individual
  #1 (permalink)  
Antiguo 22/11/2012, 08:07
opzina
 
Fecha de Ingreso: marzo-2008
Mensajes: 1.020
Antigüedad: 16 años, 1 mes
Puntos: 21
#CSS3, Efecto Hojas Apiladas
Código CSS: 
Ver original
  1. .paper-left {
  2.    background-color: #EEE;
  3.   box-shadow: 
  4.     -1px 0 1px rgba(0, 0, 0, 0.15), 
  5.     -10px 0 0 -5px #EEE, 
  6.     -10px 0 1px -4px rgba(0, 0, 0, 0.15), 
  7.     -20px 0 0 -10px #EEE, 
  8.     -20px 0 1px -8px rgba(0, 0, 0, 0.15);
  9. }
  10.  
  11.  
  12. .paper-right {
  13.   background-color: #EEE;
  14.   box-shadow:
  15.     1px 0 1px rgba(0, 0, 0, 0.15), 
  16.     10px 0 0 -5px #EEE, 
  17.     10px 0 1px -4px rgba(0, 0, 0, 0.15), 
  18.     20px 0 0 -10px #EEE, 
  19.     20px 0 1px -8px rgba(0, 0, 0, 0.15);
  20. }

Código HTML: 
Ver original
  1. <div id="book">
  2.  <div class="paper-left"></div>
  3.  <div class="paper-right"></div>
  4. </div>
__________________
_