chrome和firefox动画不起作用,禁止Windows系统的prefers-reduced-motion属性

在使用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), 勾选掉之后动画就可以在这两个浏览器出现了。

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值