Text "Inner" Shadow

[mattbtay]

We do this all the time with sprites – give the text a shadow so that it looks beveled (apple.com navbar) I have seen this done with purely CSS but cannot duplicate it. Anyone know how it’s done?

[doobie]

Matt,

Are you referring to the text, or the background of the apple nav-bar?

If you’re looking for the text shadow, checkout this link: https://developer.mozilla.org/En/CSS/text-shadow

You’ll have to tweak it till you get it how you like it, but that’s what you’d use.

-Jacob

[mattbtay]

I know that it’s the text shadow property, i guess my question should have included that – maybe a better way to rephrase the question could have been what values for the text-shadow property give the text the "beveled" look that the apple nav bar has?

[Edding]

Hi Matt,

Check out these tutorials:

http://line25.com/tutorials/create-a-le … ext-shadow
http://www.ilovecolors.com.ar/create-le … using-css/

That should probably get you sorted out.

[Author]

Posts