使用 Animate.css 时动画不生效的问题在使用 Animate.css 的时候发现动画并不生效，原因可能在于操作

在使用Animate.css(v4.1.1)的时候发现动画并不生效，原因就在于(可能)操作系统上禁用了动画

系统设置

windows 按 win + q (win10)或 win + r，搜索 %windir%\system32\SystemPropertiesPerformance.exe，开启这个性能选项窗口后勾选：

win10
- 窗口内的动画控件和元素 / 在視窗內部以動畫方式顯示控制項和元素
win7
- ... / 視窗內部的動畫控制項和元素

检测

如果用户电脑/手机没有开启，则可以给个提示，例如：

<style>
  @media (prefers-reduced-motion: no-preference) {
      #animation {
          display: none;
      }
  }
</style>
<body>
    <p id="animation">没有开启哦</p>
</body>

详见MDN: prefers-reduced-motion

后记：

在 Animate中文网上发现其使用老版本的 Animate.css 并不需要以上的设置。