Better Looking CSS Headings

Browsers now support CSS shadow, we can easily achieve better looking headings. Here’s few examples of css styled headings :

  • Heading 1

     
    1
    2
    3
    4
    h1{
    color: #408080;
    text-shadow: 0 1px 0 #FCF9EE, 0 2px 0 rgba(0, 0, 0, 0.15);
    }
  • Heading 2

     
    1
    2
    3
    4
    h1{
    background: #6b6b6b;
    text-shadow: 0px 2px 3px #555;
    }
  • Heading 3

     
    1
    2
    3
    h1{color: #ffe962;
    text-shadow: -1px -1px 1px #FFFFFF, 1px 1px 1px #000000;
    }

Related Articles:

Article by on November 19, 2011 Tagged under Tagged under . If you like this article, please consider sharing it.

Leave a Comment

Get your comment picture from Gravatar.com.
Your email address will not be published. Required fields are marked *