# **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> ```