SVG анимация действует смешно в Firefox - PullRequest
0 голосов
/ 27 июня 2018

это код для анимации SVG.

Это jsfiddle

@keyframes rotate {
  100%{
    transform: rotate(360deg);
  }
}
#rotate {
   transform-origin: 50% 50%;
   transform-box: fill-box;
   animation: rotate 3s linear infinite;
}
#rotate > rect {
    transform: translate(12px, 12px);
}
<svg id="H1XgaUeE3lX" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 363 387">
<g id="rotate">
<rect x="50" width="100" height="20" y="50"/>
</g>
</svg>

анимация меняется в зависимости от того, в каком браузере я открываю код. он хорошо работает в Chrome, но не работает в Firefox.

ось вращения изменяется в зависимости от того, в каком браузере она открыта.

...