Use multiple text-shadows to create 3D text on any HTML element. No extra HTML, no extra headaches, just awesomesauce. So I threw this together: 3D text using nothing but CSS. No extra markup, no :before or :after mess, and no images. Just progressively enhancing CSS to add some flair to your work. —Mark Dotto *** UPDATE ***Alan added Awesomesauce to his homepage. Touch the type. 
Pop-upView Separately

Use multiple text-shadows to create 3D text on any HTML element. No extra HTML, no extra headaches, just awesomesauce.

So I threw this together: 3D text using nothing but CSS. No extra markup, no :before or :after mess, and no images. Just progressively enhancing CSS to add some flair to your work. —Mark Dotto

*** UPDATE ***
Alan added Awesomesauce to his homepage. Touch the type. 

Source: markdotto.com