Text engraved effect using css

I always wanted to have the text engraved effect on button control, finally able to do it using css properties. Have a look at the following screenshot.

Add the text-shadow attribute to your css classname.

text-shadow: white 1px 1px 0px;

Unfortunately, only Google Chrome browser supports it. But I found this link to implement it using jquery.

http://kilianvalkhof.com/2008/javascript/text-shadow-in-ie-with-jquery/

Hope this helps!

twitter: @ludmal