私のひどい英語を許す。私はFirefoxでSVGをアニメーション化したいときに問題が発生しています。問題は、私のコードの 例「トランスフォームの原点」から来ている： http://codepen.io/anon/pen/JbOamB 問題は、Firefoxで、アニメーションが手の外にあるということであるsvg変換元の問題のFirefoxで
EJ：
-moz-transform-origin:30% 20%;
-ms-transform-origin:30% 20%;
-o-transform-origin: 30% 20%;
-webkit-transform-origin: 30% 20%;
transform-origin: 30% 20%;
Firefoxはとして正しく動作しています仕様ごとに。 Chromeはtransform-originを実装していたため、仕様が完成する前に早期に実装されました。指定された最終仕様とは異なるパーセンテージ値を処理します。 AFAIK彼らはまだそれを修正していません。
アニメーションをすべてのブラウザと互換性を持たせたい場合は、transform-originにパーセント値を使用しないでください。 "予想通り" transform-originで
transform-origin: 3246px 6271px;
"center"が "50％"に相当するbに定義されているため、この問題は 'transform-origin：center'にも影響することに注意してください。 –
パーセント値は、現在、TETはtrueにabout:configでsvg.transform-box.enabled優先である場合にのみ、Firefoxで動作し、要素が
transform-box:fill-boxを有しています。
関連するバグはBug 1209061 - transform-origin not applied correctly on svg contentです。
問題はFirefoxで、アニメーションが手に入らない – goncalveslucasv