html - この CSS3 アニメーションが Safari と Chrome で機能しないのはなぜですか?

Question

私は -webkit- のものを使用しましたが、-moz- プレフィックスが付いた同じコードが firefox で動作するにもかかわらず、何らかの理由でアニメーション化されません。

背景は下にスライドすることを意図しており、その後背景が変化し、新しいアニメーションが開始されます。新しいアニメーションは同じで、背景がスライドインし、ボックスからスライドダウンしてから、新しいアニメーションが再び表示されます。

http://jsfiddle.net/6sQTJ/

Answer 1

@Gerben による正解は、CSS3 アニメーションで % 位置とピクセル 'px' 位置を混在させることはできないというものでした。FireFox では動作しますが、他の CSS3 アニメーション対応ブラウザでは動作しません。