Notepaper Blockquote

Published on
Tags
Notepaper, Blockquote, CSS3 Transforms
No. of comments
8 comments
Browser compatibility
Firefox 4, Safari 4, Chrome 13, Opera 10, IE 6
License
MIT License
Notepaper Blockquote CSS Code Snippet

An elegant notepaper blockquote achieved through pure CSS.

Properties used for this snippet include radial-gradient, repeating-linear-gradient, transform, and some :before/:after magic for the curly quotes.

It's flexible in width/height and degrades well on older browsers.

Original PSD by Liam McCabe.

8 comments

Martin Hookem said
46fef091a6954dd92476cb77e9a39ca7

Nice! I'm gonna take a look at the download sample later...:)

Elena said
F3416c763fc3d5f0d41d1cfeb0dbe773

Thank you! So simple-looking but so attractive! :)

Anselm U. said
Ab4f0c1a092383f7133976db49db5dfa

This is so amazing.....
I´ll definitely use it on my website!

adnan said
376df2d3f14ae55dda039325f4bb32f6

how can i intigrate it to my wordpress website?? please help...

Allexander said
C232c233d48b2f992e342471a0d7ddce

Very nice, is a good work, thanks man !

Amazing said
A9a896472f624105a66982f9876a9b51

It's very nice, is a good work, thank you so much

Olga said
3b48592ca73711af91ba9c0a8eef4d76

Looks good, just what I need. Thank you!

mahdi said
A01110d6f0395fb249a39380968e21ed

hi there
it was great
what i have a question about using before and after
we use before and after in CSS for adding text before or after another text
but in this project you have left the content empty
i want to know why you used this method(before and after ) in your project

TnX

Leave a comment