如何使用scrollReveal.js库

简介

scrollReveal是一个兼容PC端和移动设备的滚动动画组件库。

特点

1、scrollReveal兼容移动端和PC端;

2、0依赖(不依赖于jquery,也不依赖于animate.css);

3、可定制性强。

兼容性

scrollReveal的所有动画都是通过css3来创建的,所以兼容性也必须是支持CSS3比较好的浏览器,如:IE10+    chrome    Firefox   Safari    opera

官网

https://scrollrevealjs.org/

使用方法

1、引入文件


2、HTML


3、JavaScript

window.sr = ScrollReveal();

 sr.reveal('.box');

常用参数

如何使用scrollReveal.js库_第1张图片

你可能感兴趣的:(如何使用scrollReveal.js库)