Text shadow Inset effect css3

hkasera picture hkasera · May 3, 2012 · Viewed 17.4k times · Source

enter image description here

I want the inset effect for the above button. The 'text' cancel appears to be type pressed. I have tried a lot of examples available online but they don't have white background examples.

Help me to gain this effect.

Thanks in advance!!

Answer

cchana picture cchana · May 3, 2012

With the text-shadow property, you should be able to get the subtle effect that you're after:

text-shadow: 0 -1px 0 #888;

See a very basic example on jsfiddle.