[Easy in Kopipe] 8 paper backgrounds such as notebooks and letters that can be easily done only with CSS

Do you want to have a background like a notebook with a border in the back when you create a WEB design?

If you want to implement it yourself, and adjust the baseline when the character swells, texture, atmosphere, it's hard to sober.

So this time, it's a one-shot with Kopipe.
I introduce the paper background like the note and the letter which can be easily implemented only by CSS.

Please try to incorporate it into the site by all means.It's definitely easier to read!

Note Wind Paper CSS

See the Pen
Notebook Paper by Amanda Williamson (@amwill)
on CodePen.


Note Wind Paper CSS2

See the Pen
Paper Textarea by Marc Malignan (@MarcMalignan)
on CodePen.


Note Wind Paper CSS3

See the Pen
CSS Notebook Paper by Jesse Couch (@designcouch)
on CodePen.


Letter-style animation CSS that opens the folded paper

See the Pen
CSS3 Paper Fold by Jesse Wells (@jessenwells)
on CodePen.


CSS to lift paper in rollover

See the Pen
Pure CSS Paper Lift Effect by Martin Wolf (@martinwolf)
on CodePen.

Effect CSS like a card between paper

See the Pen
CSS3 Paper-edge effect by Felix Schwarzer (@slimsmearlapp)
on CodePen.

CSS bending paper in rollover

See the Pen
Folding paper CSS3 animation by Vadim Hermann (@Vaddo)
on CodePen.

Ordinary paper-like CSS like a letter

See the Pen
CSS Stacked Paper Effect by Michael MartinSmucker (@mlms13)
on CodePen.