2013-10-07 106 views
1
a { 
    transition: text-shadow, 0.5s, ease; 
    display: block; 
    padding: 20px 0px 20px 0px; 
    color: #fff; 
    text-shadow: #343434 1px 1px 1px; 
    text-decoration: none; 
} 

a:hover { 
    color: #fff; 
    text-shadow: 
     #343434 1px 1px 1px, 
     0 0 10px #fff, 
     0 0 20px #fff, 
     0 0 30px #fff, 
     0 0 40px #ff00de, 
     0 0 70px #ff00de, 
     0 0 80px #ff00de, 
     0 0 100px #ff00de, 
     0 0 150px #ff00de; 
    text-decoration: none; 
} 

過渡+文字陰影作品與Firefox完美無瑕,但不與鉻合作,任何人都知道如何解決這個問題?Chrome CSS過渡+文字陰影問題

請用firefox打開下面的鏈接然後chrome,你會看到區別;

http://jsfiddle.net/tfKE8/

感謝您的幫助!

PS:我試過-webkit-過渡,它不會工作

回答

4

有可能是一個語法錯誤,嘗試沒有逗號:

transition: text-shadow 0.5s ease; 

這給在Chrome 30.0平穩過渡.1599.69。

+0

謝謝,它的工作:) – nut