ちょっと、そこ!
私は自分のサイトを再設計している最中で、Chrome の外で壊れる svg/css アニメーションがたくさんあり、その理由がわかりません。
複数のネストされたアニメーションと変換元の処理に関係があるようです (それらは処理されていません)。
互換性を確認しました - ブラウザーが異なる方法でオリジンを処理する場合、良いです - いいえ。
適切なリンク (多すぎる) とコード (長すぎる) を投稿するのに十分な担当者がいません。
これに尽力していただきありがとうございます。
編集:テストケースを修正http://codepen.io/anon/pen/KJlkb
ANSWER : Firefox はオブジェクトのパーセンテージをサポートしていません (確かではありませんが、path 要素と g 要素のみに影響するようです)。
解決策:パーセンテージではなくピクセルを使用してアニメーション化します。オブジェクトの寸法ではなく、SVG の viewBox の寸法に関連しているかのように変換原点を使用します。
私を正しい道に導いてくれたRobert Longsonに感謝します。彼のリンクはコメントにあります。