Etesam913 / react-magic-motion

react-magic-motion is a react.js library that ✨ magically animates your components.
https://react-magic-motion.com
MIT License
1.12k stars 14 forks source link

the examples dont work on either chrome or firefox #14

Closed tangway closed 1 year ago

tangway commented 1 year ago

hi, thanks for writing this reactjs library. im quite excited to use it but the examples on https://www.react-magic-motion.com/applications do not work for me even when i made sure the the animations button on the screen is turned on ive seen how the todo list animation should work in the demo video so i can say for sure it is not working on my side on different browsers ive also tried it in incognito so that extensions are disabled and it doesnt work too there are no msgs in the console what could be the problem here...?

Etesam913 commented 1 year ago

The issue is that you probably have prefers-reduced-motion on in your operating system settings. This settings turns off the animations.

You can look at this stack overflow post to see how to turn off prefers-reduced-motion https://stackoverflow.com/a/59709067

tangway commented 1 year ago

The issue is that you probably have prefers-reduced-motion on in your operating system settings. This settings turns off the animations.

You can look at this stack overflow post to see how to turn off prefers-reduced-motion https://stackoverflow.com/a/59709067

wow thanks for narrowing down the problem i had so quickly, all working now including in my own project!