2013-06-04 22:39

[轉載][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. }  

0 回應: