animate.css 在 Chrome 最新版本（73 以上版本）中不起作用

Question

这是 animate.css 的链接，它在我的浏览器（Chrome、Firefox 等）上没有显示任何动画效果

Answer 1

mar*_*k04 12

当我更新 Chrome 浏览器时，同样的事情发生在我身上。您需要更改Windows性能选项下的设置。要打开性能选项，您可以搜索调整窗口的外观和性能或：

Windows 键 + R
进入 %windir%\system32\SystemPropertiesPerformance.exe

然后将所选设置更改为调整以获得最佳外观。

Answer 2

小智 9

您必须调整 Windows 视觉性能设置。

见截图。调整视觉设置 Windows 10

Answer 3

Man*_*lon 5

从 v3.7.0 开始，Animate.css 支持首选减少运动 CSS 媒体功能。要禁用它，您必须在 animate.css 中删除/评论以下内容

@media (print), (prefers-reduced-motion: reduce) {
    .animated {
        -webkit-animation-duration: 1ms !important;
        animation-duration: 1ms !important;
        -webkit-transition-duration: 1ms !important;
        transition-duration: 1ms !important;
        -webkit-animation-iteration-count: 1 !important;
        animation-iteration-count: 1 !important;
    }
}

Run Code Online (Sandbox Code Playgroud)

Answer 4

小智 1

https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.0/animate.min.css在代码中使用css 动画。

这是我的代码

<html>
<head>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.0/animate.min.css"/>
</head>
<body>
<h2 class="animated slideInLeft" style="animation-delay:1s">Your ultimate Solution</h2>
</body>
</html>

Run Code Online (Sandbox Code Playgroud)

归档时间：	6 年，7 月前
查看次数：	10571 次
最近记录：	4 年，3 月前