css3一款3D字体带阴影效果

效果图如下：

源码如下：

body{background:#d5d5d5;}#wrapper{width:960px;        min-height:500px;padding:50px 10px 0 10px;margin:0 auto;        text-align:center;}#wrapper h1{    font:normal 60pt Arial;    color:#FFFFFF;    text-shadow: 0 1px 0 #ccc,               0 2px 0 #c9c9c9,               0 3px 0 #bbb,               0 4px 0 #b9b9b9,               0 5px 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 20px rgba(0,0,0,.15);}#wrapper p{    font:normal 40pt Arial;    color:#FFFFFF;    text-shadow: 0 1px 0 #ccc,               0 2px 0 #c9c9c9,               0 3px 0 #bbb,               0 4px 0 #b9b9b9,               0 5px 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 20px rgba(0,0,0,.15);}