Add the Shadow effect to fonts using CSS

Question

Hey everyone, Again I need your help :D

Is it possible to add the shadow effect to the text in HTML using only CSS ?? I'm working on a project that has a lot of buttons and I need to find a way to add the shadow effect to the text in them without using images and to be compatible with the most used browsers. I tried using the "text-shadow" property in the CSS but it didn't work.

Thanks

Answer 1

Yes, here is the syntax:

text-shadow: 2px 2px 2px #000;

Generally:

text-shadow: x y blur color;

and a link to the page I found it: http://www.css3.info/preview/text-shadow/.

Answer 2

Yes. And you can find several answer to your question via Google, but this is one of the bests: http://www.kremalicious.com/2008/04/make-cool-and-clever-text-effects-with-css-text-shadow/