# **scrollrevealJs简介**
scrollreveal是兼容pc和移动的滚动动画库，可以制作页面滚动动画效果的js框架。
# 浏览器兼容
动画也是使用css3制作，浏览器兼容同animate.css
# 使用方法
1、引入文件
```
<script src="js/scrollReveal.js"></script>
```
2、HTML
```
<div class="box"></div>
```
3、JavaScript调用
```
<script src="scrollreveal.js"></script>
<script>
// ;()();
;(function () {
var config = {
reset : true, //鼠标滚动时，动画开关 默认false关闭
origin : "bottom" , //动画开始的方向
duration : 500, //动画持续时间
delay : 0, //延迟
rotate : { x: 0, y: 0, z: 0 }, //过渡到0 的初始角度
opacity : 0, //初始透明度
scale : 0.9 //缩放
};
ScrollReveal().reveal('.box',config);
})();
;(function () {
var config = {
reset : true, //鼠标滚动时，动画开关 默认false关闭
origin : "bottom" , //动画开始的方向
duration : 500, //动画持续时间
delay : 0, //延迟
rotate : { x:180, y: 180, z: 0 }, //过渡到0 的初始角度
opacity : 0, //初始透明度
scale : 0.9 //缩放
};
ScrollReveal().reveal('.pox',config);
})();
</script>
```
