0

ちょっと、そこ!

私は自分のサイトを再設計している最中で、Chrome の外で壊れる svg/css アニメーションがたくさんあり、その理由がわかりません。

複数のネストされたアニメーションと変換元の処理に関係があるようです (それらは処理されていません)。

互換性を確認しました - ブラウザーが異なる方法でオリジンを処理する場合、良いです - いいえ。

適切なリンク (多すぎる) とコード (長すぎる) を投稿するのに十分な担当者がいません。

これに尽力していただきありがとうございます。

編集:テストケースを修正http://codepen.io/anon/pen/KJlkb

ANSWER : Firefox はオブジェクトのパーセンテージをサポートしていません (確かではありませんが、path 要素と g 要素のみに影響するようです)。

解決策:パーセンテージではなくピクセルを使用してアニメーション化します。オブジェクトの寸法ではなく、SVG の viewBox の寸法に関連しているかのように変換原点を使用します。

私を正しい道に導いてくれたRobert Longsonに感謝します。彼のリンクはコメントにあります。

4

1 に答える 1