CSS: effetto fogli sovrapposti

Con i fogli stile è semplice creare un effetto fogli sovrapposti, utilizzando la proprietà box shadow (compatibile con i browser in grado di interpretare i css3)

Le prime righe dello stile impostano dimensioni, colore di sfondo e centratura del box, la proprietà box shadows imposta invece i tre livelli di effetto sovrapposizione fogli:

    width: 600px;
    height: 600px;
    margin: 0 auto;
    background: #eee;
    box-shadow:
        0 1px 1px rgba(0,0,0,0.15), /* ombra del livello top */
        0 10px 0 -5px #eee, /* secondo livello */
        0 10px 1px -4px rgba(0,0,0,0.15), /* ombra del secondo livello */
        0 20px 0 -10px #eee, /* terzo livello */
        0 20px 1px -9px rgba(0,0,0,0.15); /* ombra del terzo livello */