November 24, 2009

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.

Hope this helps!

twitter: @ludmal