[轉載][CSS] 3D 立體文字

轉載自：3D Text

3D 立體文字

原始碼

1. h1.title_3d {  
2.    color: #FFFFFF; 
3.    font: bold 50px/1 "Helvetica Neue",Helvetica,Arial,sans-serif; 
4.  
5.    text-shadow:  
6.        0 1px 0 #ccc,  
7.        0 2px 0 #c9c9c9,  
8.        0 3px 0 #bbb,  
9.        0 4px 0 #b9b9b9, 
10.        0 5px 0 #aaa,  
11.        0 6px 1px rgba(0,0,0,.1),  
12.        0 0 5px rgba(0,0,0,.1),  
13.        0 1px 3px rgba(0,0,0,.3),  
14.        0 3px 5px rgba(0,0,0,.2),  
15.        0 5px 10px rgba(0,0,0,.25),  
16.        0 10px 10px rgba(0,0,0,.2),  
17.        0 20px 20px rgba(0,0,0,.15);  
18. }  

h1.title_3d { 
    color: #FFFFFF;
    font: bold 50px/1 "Helvetica Neue",Helvetica,Arial,sans-serif;
        
    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); 
}