Better Looking CSS Headings
19th, Nov 2011
By Sanwebe
Updated 8th, Feb 2013
Browsers now support CSS shadow, we can easily achieve better looking headings. Here’s few examples of css styled headings :
-
Heading 1
[cc lang=”css”]
h1{
color: #408080;
text-shadow: 0 1px 0 #FCF9EE, 0 2px 0 rgba(0, 0, 0, 0.15);
}
[/cc]
-
Heading 2
[cc lang=”css”]
h1{
background: #6b6b6b;
text-shadow: 0px 2px 3px #555;
}
[/cc]
-
Heading 3
[cc lang=”css”]
h1{color: #ffe962;
text-shadow: -1px -1px 1px #FFFFFF, 1px 1px 1px #000000;
}
[/cc]