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 (apple.com 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

    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

    # 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:

    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.

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

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".