jquery - animation.css 和基础

标签 jquery css twitter-bootstrap zurb-foundation

我想在我的网站首页实现加载时您可以在此 ( http://foundation.zurb.com/learn/features.html) 页面上看到的效果(火箭来自下方,其他图像来自上方...)

即使在这里 ( http://7.pdvop2sz.z8.ru/highland/1.3/ ) 我们也可以在从左侧进入的文本中看到这个动画......

查看代码,我注意到在两个站点(使用 Foundation 的站点和另一个使用 Bootstrap 的站点)中,具有此效果的元素都具有以下类

class="animated slideInLeft third"

class="largerocket animated fadeInUpBig"

所以在网上看了一下我看到了这个脚本:Animate.css

也许这就是他们使用的?或者还有其他库(可能是 Foundation 或 jQuery 中的原生库)可以用来对传入的元素实现这些效果?

最佳答案

是的。你是对的,它是一个 CSS 插件。

下面列出了其中一些。

http://daneden.github.io/animate.css/

http://www.justinaguilar.com/animations/

http://labs.bigroomstudios.com/libraries/animo-js

关于jquery - animation.css 和基础,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21888553/

相关文章:

javascript - 如何从另一个选择器的结果中获取具有特定前缀的类列表?

javascript - 将jQuery对象复制到模态,然后隐藏或显示,然后显示

javascript - 用左滑动画替换div

javascript - Jquery Children的子元素

css - 使元素出现在上一个文本之前/之后?

html - 如何将滚动菜单栏更改为稳定菜单栏?

javascript - PrettyPhoto 内联内容 div 隐藏显示

html - CSS Sprite - 缩放时显示另一幅图像的一部分

javascript - 发布 Blueimp 画廊 Twitter Bootstrap

css - 调整大小时 Bootstrap 网格更改列