Paper Text area created with CSS only

CSS Brick wall - Editable example

Recently i friend of my asked  “if it is possible to style a text area so it looks like a notebook, using nothing but CSS?

I have collected some awesome CSS examples and i am going to share them with you. 
Those CSS examples
are made using CodePen.

Paper Text area example

Example is hosted on codepen, feel free to play with the code and learn in the process.

Check out this Pen!

Another Paper Text CSS example

Example is hosted on codepen, feel free to play with the code and learn in the process.

Check out this Pen!

You can change the code and use it in your own projects as you like.

 

I guess that this answers your question brate 🙂

Do you have a question for me?

If i find your question interesting i just might write a post about it, use the comments below.

 

If you like Paper Text area created with CSS only say thanks by sharing it on your favorite networks.

Nikola Petrovic
Get in Touch

Nikola Petrovic

Hi there. My name is Nikola,
I speak English, Greek and Serbian.
As a Web Producer i can deal with almost anything web design & development related.
As a freelancer, I charge only a small portion of the money you would pay to agencies to create your website. Affordable web design doesn’t mean that it will lack any of the advanced features of today’s web technology. We just cut out the cost of the middle man.
Feel free to request a free quote using the form on the right or the one bellow.
Nikola Petrovic
Get in Touch