#CSS3, Efecto Hojas Apiladas

[opzina]

Código CSS:

.paper-left {
   background-color: #EEE;
  box-shadow: 
    -1px 0 1px rgba(0, 0, 0, 0.15), 
    -10px 0 0 -5px #EEE, 
    -10px 0 1px -4px rgba(0, 0, 0, 0.15), 
    -20px 0 0 -10px #EEE, 
    -20px 0 1px -8px rgba(0, 0, 0, 0.15);
}
 
 
.paper-right {
  background-color: #EEE;
  box-shadow:
    1px 0 1px rgba(0, 0, 0, 0.15), 
    10px 0 0 -5px #EEE, 
    10px 0 1px -4px rgba(0, 0, 0, 0.15), 
    20px 0 0 -10px #EEE, 
    20px 0 1px -8px rgba(0, 0, 0, 0.15);
}
 

Código HTML:

<div id="book">
 <div class="paper-left"></div>
 <div class="paper-right"></div>
</div>
 

[memoadian]

¿es un aporte o como?

[opzina]

Un simple aporte, quizás a alguien le sirva.

[memoadian]

ah ok thanks