svg transform-origin problems in firefox

Question

excuse my terrible English. I\'m having a problem when I want to animate an SVG in firefox. The problem comes from the \"transform-origin\" example of my code: http://codepe

Answer 1

Firefox is behaving correctly as per the spec. Chrome implemented transform-origin early before the spec finalised. It handles percentage values differently to what the final spec specified. AFAIK they have not fixed that yet.

If you want your animation to be compatible with all browsers, don't use percentage values in transform-origin.

transform-origin: 3246px 6271px;

http://codepen.io/anon/pen/MbrWod