css - KeyFrame アニメーションは Chrome では機能するが Firefox では機能しない

Question

liオプション パネルの横に要素をスライドさせるアニメーションがあります。Chrome では問題なく動作しますが、Firefox ではアニメーションしません。W3C CSS宣言といくつかの-moz特定のものの両方をセットアップしましたが、役に立ちませんでした

実証するためにここにフィドルを設定しました

Answer 1

Webkit だけでなく、すべてのブラウザーにプレフィックスを追加する必要があります。:)

あなたは行方不明です：

@-moz-keyframes //Firefox
@keyframes //MS
@-o-keyframes //Opera (not Opera Next)