Продолжительность преобразования не работает в Firefox

Question

Я использовал transform translate и scale для SVG-тега g и предоставлял длительность перехода: 1 с.Он работает нормально в Chrome.

Проблема в том, что эффект продолжительности не работает в FireFox.

let mapStyle = {
    transitionDuration: "700ms",
    transformOrigin: "center"
};
return(
    <g className="map" style={mapStyle} ref={(n) => this.topologyGroup = n}>
        <RingGroup fabrics={fabrics}/>
    </g>
);

<g class="map" style="transition-duration: 700ms; transform-origin: center center 0px;"> </g>

Answer 1

Попробуйте, я думаю, это полезно для вас. Это проблема с transform значением, в Firefox для префикса используется префикс -moz-transform .Вы должны использовать это свойство ниже префикса с transform-duration: 700ms; свойство.

-moz-transition-property: -moz-transform;