Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Text shadow Inset effect css3

Tags:

css

insets

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!!

like image 287
hkasera Avatar asked May 03 '12 10:05

hkasera


1 Answers

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.

like image 200
cchana Avatar answered Sep 27 '22 17:09

cchana