css - Chrome CSS 过渡 + 文本阴影问题

Question

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 上不工作，有人知道如何解决这个问题吗？

请用firefox然后chrome打开以下链接，你会看到不同之处；

http://jsfiddle.net/tfKE8/

感谢帮助！

PS：我试过-webkit-transition，它不起作用

Answer 1

语法可能有错误，请尝试不使用逗号：

transition: text-shadow 0.5s ease;

这在 Chrome 30.0.1599.69 中提供了平滑过渡。