在使用Bootstrap和Animate.css动画库的时候,发现在chrome和firefox下动画不起作用,看了好久代码,发现是一个媒体属性prefers-reduced-motion在这两个浏览器起作用了,所以浏览器禁用了这些动画以达到更好的用户体验,但是我是个程序员啊,动画禁用了可不行。
起初以为是在浏览器里设置,毕竟这个属性是媒体查询的css属性,但是找了很久发现chrome和firefox并没有这样的设置。
最后还是需要在系统里设置,具体的如下,win7和win10都可以试试,Control Panel > Ease of Access > Make the computer easier to see > Turn off all unnecessary animations (when possible), 勾选掉之后动画就可以在这两个浏览器出现了。