Ajax Loader
×

Stacked Papers Using box-shadow

Stacked papers using only multiple box-shadow for the same element that uses no pseudo elements. Using no pseudo elements the 3 paper limit gets removed and we can now put as many papers in the stack we want. The use of multple box-shadow is such like that the first shadow created the first stacked paper, then the second shadow is used for the shadow of that first stack paper (which is darker in color) and then the third one for second stacked paper and so on.

This method is a bit of hassle but it's definitely better than the :after and :before approach. Take a look at the code to learn more about it.

Related:

×

Coding Preferences


HTML

CSS

Javascript

More

×

Your Default Settings - Preferences

×
×
×

Validations

(Errors from your JS or Pre-Processors code)

    HTML
    CSS
    JavaScript

    Stacked Papers Using box-shadow

    CSSDeck G+