Layered paper effect using CSS3 box shadows

Just a quick one today. I originally planned to achieve this “layered paper” effect using :before and :after pseudo elements, but then set about trying to do it purely using the CSS3 box-shadow property. That way I’d have an :after free and can add as many “layers” as I want.

Pretty straight-forward, but quite a neat solution I think, check the result below;

This snippet was featured on CSS-Tricks.

Enjoy!

Comments are closed.