Take me back!! I want my CSS!! Click me to get back :)

×

READY FOR A NEW CAREER?

But not sure where to start? Find out if a tech career is right for you.

TAKE THE 3-MINUTE QUIZ

Project: Letterpress

You didn’t think designers would let the letterpress effect go the way of the paperback, did you?

Oooh, letterpress. The object of so many a designer daydream.

That heavy weight paper. 100 lb, 130 lb, 220 lb paper! The feeling of brushing your hand along the surface of the paper, dipping your fingers into the grooves left by the type.

And the type! Garamond, Caledonia, Rosewood…all of that beautiful type, handset type.

The joy of a visual experience that is also a physical experience.

Well, letterpress is no longer limited to wedding invitations, business cards, and birth announcements…thanks to the magic of CSS3, you can do it one the web!

You didn’t think designers would let the letterpress effect go the way of the paperback, did you?

1. Create a Letterpress Effect with CSS Text Shadow, Chris Spooner

View Demo

2. Simulating The Letterpress: From Live Filters In Fireworks To CSS Code, Jose Olarte

View Demo

3. Creating letterpress text with just CSS, Elixir

View Demo

PS Need further inspiration? Line 25 has a great roundup of websites using CSS3 letterpress to great effect.

PPS Want a paper-like pattern to match your new letterpress type treatment? Subtle Patterns has a host of great options such as Paper Fibers, Cream Paper, or Debut Light.

Your email address will not be published.

0 comments

Want more articles like this?

Sign up to get the most recent tech news, tips and career advice.