Treehouse: Grow your CSS skills. Land your dream job.

Text "Inner" Shadow

  • # April 19, 2010 at 2:07 pm

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

    # April 19, 2010 at 5:39 pm


    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:

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


    # April 20, 2010 at 12:24 am

    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?

    # April 20, 2010 at 10:13 am

    Hi Matt,

    Check out these tutorials: … ext-shadow … using-css/

    That should probably get you sorted out.

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.