Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS How to make my text look like it is engraved?

  • This topic is empty.
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #30887
    chickentulip
    Member

    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 http://net.tutsplus.com/ 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

    #71184
    jamygolden
    Member

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

    h1{text-shadow: -1px -1px 1px #000;}
    #71185
    TheDoc
    Member

    In that specific instance, they are using this:

    text-shadow:0 1px 0 #FFFFFF;

    …to create a ‘white shadow’.

    http://line25.com/tutorials/create-a-letterpress-effect-with-css-text-shadow

    #71188
    chickentulip
    Member

    Thank you very much!

    #103468
    pradhap
    Member

    for more color combinations in Enngraved text

    checkout:

    http://pradhab.blogspot.in/

Viewing 5 posts - 1 through 5 (of 5 total)
  • The forum ‘CSS’ is closed to new topics and replies.