WOW.js – 让页面滚动更有趣

关注“青年码农”，回复“特效“

获取各种资料粒子特效、可视化等源码

如果给向下滚动的页面增加一些细微的动画，这往往能给浏览者带来更好的体验，WOW.js就是这么一个能让用户眼前一亮的JavaScript库。

WOW.js 依赖 animate.css，所以它支持 animate.css 多达 60 多种的动画效果，能满足您的各种需求。由于使用了CSS3动画，所以一些老旧的浏览器是不支持的。为了兼容，可以增加浏览器判断。

使用方法

1. 引入文件-animate和WOW

<link rel="stylesheet" href="css/animate.min.css">
<script src="js/wow.min.js"> </script>

如果是npm包，直接可以用npm或者yarn安装依赖

#  npm
npm install wowjs
#  yarn
yarn add wowjs

2. 初始化

new WOW().init();

如果你想在初始化之前在修改一些配置，WOW也是支持的

var wow =  new WOW(
    {
         boxClass:  'wow',       // 需要执行动画的元素的 class(默认是wow)
        animateClass: