Transform duration not working in firefox

Transform duration not working in firefox

I have used transform translate and scale on SVG g tag and provided transition-duration:1s. It is working fine in chrome but duration effect not working in firefox.

I have used transform translate and scale on SVG g tag and provided transition-duration:1s. It is working fine in chrome but duration effect not working in 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>


Angular 9 Tutorial: Learn to Build a CRUD Angular App Quickly

What's new in Bootstrap 5 and when Bootstrap 5 release date?

Brave, Chrome, Firefox, Opera or Edge: Which is Better and Faster?

How to Build Progressive Web Apps (PWA) using Angular 9

What is new features in Javascript ES2020 ECMAScript 2020

Css is not used by jsx in ReactJS

I use ReactJS with Webpack and TypeScript. I'm trying to include CSS with React. But my CSS is not use by my React application. I created a global.d.ts file to declare my css module. I imported my css into my.tsx file but when I add a class to an element, nothing works.

React How to Use Bulma CSS With ReactJS

Learn How to Use Bulma CSS Framework With ReactJS. How to include Bulma CSS and JS in reactjs app. Adding Bulma CSS to a React App.

7 Best Vue CSS Component for Your App

Vue CSS frameworks are great for many reasons; code is more universally understood, web applications are easier to maintain, and prototyping becomes less of an extra step.