3D Text with CSS3 text-shadow

[solo]

Add to Advance CSS

#xg {text-shadow: 0 1px 1px #bbb,
0 2px 0 #999,
0 3px 0 #888,
0 4px 0 #777,
0 5px 0 #666,
0 6px 0 #555,
0 7px 0 #444,
0 8px 0 #333,
0 9px 7px #302314;}

If you want text have a perishable look with 3D text
a:link, a:visited {

text-shadow: 0 1px 1px #bbb,
0 2px 0 #999,
0 3px 0 #888,
0 4px 0 #777,
0 5px 0 #666,
0 6px 0 #555,
0 7px 0 #444,
0 8px 0 #333,
0 9px 7px #302314;
}
a:active {
text-shadow: 0 1px 1px #ddd,
0 2px 0 #c5bba4,
0 3px 0 #c5bba5,
0 4px 0 #b7ae98,
0 5px 0 #a39a87,
0 6px 0 #8b8472,
0 7px 0 #726c5c,
0 8px 0 #5b5547,
0 9px 7px #474136;
}

enjoy

example http://yubasutterconnect.com

still a work in progress

[doone]

Hi, I tried your code and it worked and was visually interesting but a little too much of a good thing at one time.  I think it would be better to be restrictive in what fonts changed at one time or maybe i need a smaller default font.

[solo]

yes indeed

[Shesh Dhar Tiwari]

Sorry.......It leaves texts unreadable.