0

私はいくつかのCSSアニメーションボタンを持っています。

.bottom_panel ul li.bottom_panel_button_04 {
    background: url('../img/bottom_panel_icons/ap_bottom_panel_back_button_01_131.png') center center no-repeat;
    -webkit-animation: myfirst 2s linear infinite;
    -moz-animation: myfirst 2s linear infinite;
    -ms-animation: myfirst 2s linear infinite;
    -o-animation: myfirst 2s linear infinite;
    animation: myfirst 2s linear infinite;
}

@-moz-keyframes myfirst {
    0% {background: url('../img/bottom_panel_icons/ap_bottom_panel_back_button_01_131.png') center center no-repeat;
    }
    50% {background: url('../img/bottom_panel_icons/ap_bottom_panel_back_button_01_131_on.png') center center no-repeat;
    }
    100% {background: url('../img/bottom_panel_icons/ap_bottom_panel_back_button_01_131.png') center center no-repeat;
    }
}

Chrome ではすべて問題ありませんが、Firefox ではこのアニメーションを起動できません...何が問題なのですか?

4

1 に答える 1

0

Saffari と Chrome (およびすべての Chromium ベースのブラウザー) に置き換えて追加します@-moz-keyframes。@keyframesここで 例を確認できます。 そして、これがあなたの（実際の）例へのリンクです。@-webkit-keyframes

于 2014-10-03T12:54:03.497 に答える