Letterpress Text effect using multiple CSS Text-Shadows

/ Published in: CSS
Save to your folder(s)

Great little piece of CSS which adds a top text-shadow of 45% black and a bottom text-shadow of 75% white creating a very nice letterpress text effect.

Copy this code and paste it in your HTML
  1. .letterpress { text-shadow: rgba(0, 0, 0, 0.45) 0 -1px 0.025em, rgba(255, 255, 255, 0.75) 0 1px 0.025em; }

URL: http://forrst.com/posts/Letterpress_text_effect_using_multiple_CSS_text-sh-m2Q

Report this snippet


RSS Icon Subscribe to comments

You need to login to post a comment.