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>


css reactjs

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

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

What is new features in Javascript ES2020 ECMAScript 2020

Deno Crash Course: Explore Deno and Create a full REST API with Deno

How to Build a Real-time Chat App with Deno and WebSockets

Convert HTML to Markdown Online

HTML entity encoder decoder Online

Random Password Generator Online

HTML Color Picker online | HEX Color Picker | RGB Color Picker

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.

Learn to use variables in CSS (CSS Tricks)

whats the variable in CSS, how to declare use them. Whats the benefit of variables in CSS. Lets learn all this. #Variables #CSS #HTML #CssVariables #ITArticles

Why ReactJS is better for Web Application Development?

Web Application Development is the point of contact for a business in today's digital era. It is important to choose the right platform for Web Application Development to build a high end Web