Quick Tip 2 – CSS Text Shadow
Our second tip of our series looks at the text shadow property and here it is…
If you are looking to add a little finer detail to your designs then this handy bit of code will allow you to view shadows on your real HTML text.
text-shadow: 2px 2px 2px #333333;
Placing the rule above into your style sheet will display a shadow to which ever tag you require. Here is an example of this effect. 
CSS Text Shadow
Unfortunately this will only display in certain browsers. Here is the list below
- Safari 1.1 +
- Firefox 3.5 +
- Opera 9 +
- Chrome
Related posts:
- Quick Tip 5 – Compact CSS
- Quick Tip 6 – CSS Shorthand
- Quick Tip 7 – CSS !Important
- Quick Tip 9 – CSS min height
- Quick Tip 10 – CSS Vertical Alignment
Posted By: Martyn
Hi, I'm Martyn, the Lead Designer for Web Design GM and really hope you find my existing and upcoming articles useful. Please leave comments below and I will try to respond to any questions as soon as possible.
Saurabh Says:
March 2nd, 2010 at 1:32 pm
this thngy also doesn’t work in iexplore.exe. ….
anyway is there any solutions for these….
Martyn Says:
March 4th, 2010 at 10:40 am
Without sounding harsh to Microsoft, I think that may be your reason why it doesn’t work.