Update: A new technique to create paper piles is also posted which uses box-shadows to create the extra papers. By this technique, the extra papers are not limited to just 2, there can be any number of piles you want. Check it out here.
A CSS3 paper pile effect. The "extra papers" effect is achieved by styling the :before and :after pseudo elements of the main div.paperZ. Very Simple!
Works in all modern browsers, including IE8.
Submissions are most welcome! Also Share your feedbacks (using the feedback button on the right) and help us improve.
A Collection of Pure CSS Creations! Let's form a big collection of items built with pure CSS and HTML and help frontend coders realize the power and flexibility of CSS. Hopefully the creations will help them get better at the new features of CSS (and in general too) and they'll start making more use of it in their projects :)
Lots of new exciting features coming soon! Stay Tuned.
Add New Comment
Showing Comments
Quanta
It’s nice but could you be a bit more descriptive about how you achieved the effect with CSS ? (it’ll help others learn and understand better) :)