Posted By

michellebracken on 08/18/11


Tagged


Versions (?)

Who likes this?

2 people have marked this snippet as a favorite

spee66
radule


Letterpress Type Through CSS


 / Published in: CSS
 

The basic idea is to make use of the CSS3 property for text-shadow to create the letterpress effect. The trick is to use a shadow color that’s lighter than the text color and offset it a little and add a bit of blur. The values above for the text-shadow property are:

  1. 1 .element {
  2. 2 color: #222;
  3. 3 text-shadow: 0px 2px 3px #555;
  4. 4 }
  5.  
  6.  
  7.  
  8. 1 text-shadow: x-offset y-offset blur color;

Report this snippet  

You need to login to post a comment.