2013-10-07 172 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