jquery - CSS 动画在 Safari 中有效，但在 Firefox 和 Chrome 中无效

Question

我正在使用 animate.css为页面中的某些元素设置动画。有一个 JQuery 插件可以帮助您轻松使用它，animateCSS.js (来自 GitHub)。问题是动画在 Safari 中有效，但在 Firefox 和 Chrome 中无效，例如，我将选择器设置为不可见:

#top{
  visibility: hidden;
}

这个 JQuery 脚本淡入:

$('#top').animateCSS('fadeInDown', 400); 

400 毫秒后它变得可见，但没有动画!

这里在线http://ashraafi.com/index.html

Answer 1

很奇怪，看起来作者在他的插件代码中留下了不应该存在的部分——至少它没有在任何地方记录它应该存在的地方。

删除插件的第 63-67 行:

        if (!$("html").hasClass("csstransforms")) {

            onEnd();

        }

这导致动画立即停止。我不知道为什么它在 Safari 中有效。