Articles tagged with: wow.js

1.下载文件

animate.css 下载地址: http://daneden.github.io/animate.css/   https://github.com/matthieua/WOW/tree/master/css/libs

wow.js 下载地址:  https://github.com/matthieua/WOW

2.引入文件

<link rel="stylesheet" href="animate.css">

<script src="wow.js"></script>
<script>
   new WOW().init();//wow是大写哦
</script>

3.观察你需要的效果
http://daneden.github.io/animate.css/

4.在需要动画的标签上添加,wow 和 你的动画元素，如下代码：

<div class="row">
    <div class="wow rollIn bg-blue animated" >22</div>//rollIn 动画名称
    <div class="wow bounceInDown bg-red animated" data-wow-iteration="1" data-wow-duration="2.15s">22</div>
    <div class="wow slideInLeft bg-red animated" data-wow-iteration="1" data-wow-duration="2.15s">22</div>
//data-wow-iteration重复次数    data-wow-duration动画过程时间

实例下载：

http://pan.baidu.com/s/1qYyA7E0