Browser Compatibility Testing of prefers-reduced-motion media query
prefers-reduced-motion media query
CSS media query based on a user preference for preferring reduced motion (animation, etc). it's a client question and it's the web's execution of a Reduce Motion setting. It utilizes a @media square to check if the watcher has shown an inclination for decreased movement. (This inclination can likewise be gotten to by means of JavaScript utilizing window.matchMedia as well.) There isn't an alternative to purposefully select in to all levels of movement, so an estimation of "no-inclination" could mean all movement is alright, or that no inclination has been demonstrated yet. This makes it dubious to make presumptions about any esteem other than "diminish" or to execute a dynamic improvement approach (i.e. just serving up the stretched out movement to the individuals who have shown they need it).
CSS
BROWSER SUPPORT FOR prefers-reduced-motion media query
Google Chrome
Chrome browser doesn't supports this browser element.
Mozilla Firefox
prefers-reduced-motion media query property is not supported by Mozilla Firefox browser.
Internet Explorer
IE browser doesn't support prefers-reduced-motion media query.
Safari
Safari 3.1 to 10 are not supported with this browser property. This web element is supported fro Safari 10.1 to 11.1.
Microsoft Edge
This browser element is not supported by Microsoft Edge browser.
Opera
Opera browser is not compatible with prefers-reduced-motion media query.
Test your Web App on LambdaTest
With LambdaTest you can test your website on 2000+ browser and OS combinations for cross browser compatibility issues and ensure that your webpage fallbacks are working fine on browsers that do not support CSS background-blend-mode.
Information sourced from
"Can I use" provides up-to-date browser support tables for support of front-end web technologies on desktop and mobile web browsers.
Other Browser Elements and Properties
All websites and webapps use collections of a lot of browser technologies and elements. Not all of these elements are supported by all browsers and browser versions. At LambdaTest you can test your website on all browsers and browser versions and easily debug browser compatibility issues in real time.
BENEFITS
Fastest Way for Cross Browser Testing
You can test your website for cross browser compatibility across all Firefox browser versions using LambdaTest
Perform cross browser testing of your website/ webapp across all Chrome browser versions using LambdaTest
Check your website on all Safari browser on Mac and Windows for cross browser compatibility with LambdaTest
Perfrom cross browser testing of your website/ web app across all IE verions using LambdaTest
Our plans starts with a free plan where you access to all features and free 60 minutes of live testing per month.
Need support for a larger team? We have very flexible plans and if they don’t suffice, leave us a message here, and we would help you out.