Paper Text area created with CSS only
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.
Another Paper Text CSS example
Example is hosted on codepen, feel free to play with the code and learn in the process.
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 fivera 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.
Feel free to request a free meeting bellow.
As a freelancer, I charge only a small portion of the money you would pay to agencies to get your project done.
I speak English, Greek and Serbian.
As a Web Producer i can deal with almost anything web design & development related.
Web Design Skills
I have been into web design for the last 10+ years.
After working for various agencies and companies I have decided to take a lone wolf path as a Freelancer but I still actively collaborate with agencies across the globe.
I enjoy building websites on WordPress platform but i can work on any other platforms as well.
I enjoy building websites on WordPress platform but i can work on any other platforms as well.
SEO Skills
I have spent a last couple of years as an SEO executive and SEO consultant working on 4 continents.
Specialized in on-page SEO I wear a pointy Google-Wizard White-Hat and help various small and medium-sized businesses rank well in the search engines.
I enjoy working with Google and Yahoo SE.
I enjoy working with Google and Yahoo SE.
As a freelancer, I charge only a small portion of the money you would pay to agencies to get your project done.
Latest posts by Nikola fivera Petrovic (see all)
- WordPress Site Administration Service – Why do you need it? - 8. February 2017.
- The best way to add custom functions to wordpress - 9. December 2016.
- Paper Text Area Created with CSS only – Editable Example - 9. July 2015.
Leave a Reply
1 Comment on "Paper Text Area Created with CSS only – Editable Example"
Having a long text with scroll just breaks the lines. A good solution should also handle scroll, IMO that can’t be done just with CSS.