5 
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 を試しましたが、うまくいきません

4

1 に答える 1

10

構文に誤りがある可能性があります。カンマなしで試してください:

transition: text-shadow 0.5s ease;

これにより、Chrome 30.0.1599.69 でスムーズに移行できます。

于 2013-10-07T08:34:01.890 に答える