8 CSS Paper Effects
Collection of free HTML and CSS paper effect code examples.
About the code
Notebook Paper
Lined notebook paper with editable text.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: no
Dependencies: -
About the code
Paper Textarea
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: -
About the code
CSS3 Paper Fold
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: no
Dependencies: -
About the code
Pure CSS Paper Lift Effect
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: no
Dependencies: -
About the code
CSS Notebook Paper
A sheet of notebook paper with pure CSS.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: no
Dependencies: -
About the code
CSS3 Paper-Edge Effect
Single-element paper-edges for images, galleries, notifications, ads, etc..
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: no
Dependencies: -
About the code
Folding Paper CSS3 Animation
A CSS3 folding paper animation effect.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: no
Dependencies: -
About the code
CSS Stacked Paper Effect
Creating a messy stack of papers using the magic of CSS transforms and generated content.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: -
