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

How to make my text look like it is engraved?

  • # December 3, 2010 at 11:22 am

    I was wondering if someone could tell me how to make a text look like it is sort of engraved. I could not find a good example web-site to include however, on on the right of this web-site the words “Followers” and “Subscribers” have a exactly the effect that I am after. The effect is not seen in IE though. Could anyone on this forum tell me how it can be achieved?

    Thank you very much

    # December 3, 2010 at 12:21 pm

    It’s done with the ‘text-shadow‘ property.
    For example:

    h1{text-shadow: -1px -1px 1px #000;}
    # December 3, 2010 at 12:22 pm

    In that specific instance, they are using this:

    text-shadow:0 1px 0 #FFFFFF;

    …to create a ‘white shadow’.

    # December 3, 2010 at 12:56 pm

    Thank you very much!

    # May 25, 2012 at 7:15 am

    for more color combinations in Enngraved text


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

You must be logged in to reply to this topic.