Tech on Tour - Web Design header image 2

CSS Shaded Text

July 26th, 2007 by daniel.snell · No Comments


A great little css trick is the shaded-text attribute. This allows you to create a shadow to the text you want to apply this attribute too. Many of us might use an image for this but this little trick saves a lot of time, looks great and gives you one less image file to download.
Simply add the attribute text-shadow: followed by your colour and then your x axis offset, y axis offset and blur.

An example of the css with a 3 pixel offset on both the x and y and a 4 pixel blur would look like this

text-shadow: #333 3px 3px 4px,

Tags: General

0 responses so far ↓

  • There are no comments yet...Kick things off by filling out the form below.

Leave a Comment