Papel Laminado

Este código muestra un efecto de papel laminado en un contenedor, que podemos usar para mostrar una nota, anuncio, etc.

El CSS.

.layered-paper {
    background: #eee;
    box-shadow:
        0 1px 1px rgba(0,0,0,0.15), /* The top layer shadow */
        0 10px 0 -5px #eee, /* The second layer */
        0 10px 1px -4px rgba(0,0,0,0.15), /* The second layer shadow */
        0 20px 0 -10px #eee, /* The third layer */
        0 20px 1px -9px rgba(0,0,0,0.15); /* The third layer shadow */
}

El HTML.

<div class="layered-paper">
    Hola Mundo!
</div>

Demo

Recomendado