20+ Cool CSS Paper Effects (Free Code + Demos)

Lined notebook paper with editable text

Just for fun - a sheet of notebook paper with pure CSS.

A CSS3 folding paper animation effect

Creating a messy stack of papers using the magic of CSS transforms and generated content.

Single-element paper-edges for images, galleries, notifications, ads, etc..

Creating a messy stack of papers using the magic of CSS transforms and generated content. Forked from Michael Martin-Smucker's Pen CSS Stacked Paper Effect.

a Handful of pure CSS Paper effects like fold, stacked, ruled (lined), and lift.

Testing some lighting and shadows, trying to obtain a kind of realistic paper.

Shuffled papers effect using css

A pure CSS configurable paper text

Simple CSS paper fold with slight hover over effect.

I am practicing HTML and CSS , please rate my work

Fun with paper login forms

Creating a messy stack of papers using the magic of CSS transforms and generated content. Forked from Michael Martin-Smucker's Pen CSS Stacked Paper Effect. Forked from Michael Martin-Smucker's Pen CSS Stacked Paper Effect.