Create 3D Looking Text with CSS3 text-shadow

The HTML

<h3 id="threed">Wright's HQ</h3>

The CSS

h3#threed {
    -webkit-font-smoothing: antialiased;
    font: normal 45pt Arial;
    color:#FFF;
    text-align: center;
    padding: 20px 0;
    /* text-shadow: X-axis Y-axis blur colour; */
    text-shadow: 0 1px 0 #ccc,
    0 2px 0 #c9c9c9,
    0 4px 0 #bbb,
    0 4px 0 #aaa,
    0 6px 1px rgba(0,0,0,.1),
    0 0 5px rgba(0,0,0,.1),
    0 1px 3px rgba(0,0,0,.3),
    0 3px 5px rgba(0,0,0,.2),
    0 5px 10px rgba(0,0,0,.25),
    0 10px 10px rgba(0,0,0,.2),
    0 20px 15px rgba(0,0,0,.14);
}