advanced code snippet search

Posted By

michellebracken on 08/18/11


Tagged


Versions (?)

Who likes this?

1 person have marked this snippet as a favorite

spee66


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:

Expand | Embed | Plain Text 
  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.