Notepaper Blockquote

Published on
Tags
Notepaper, Blockquote, CSS3 Transforms
No. of comments
7 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.

7 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!

Leave a comment