作者：芳方程_269 | 来源：互联网 | 2023-09-13 10:54
最近在做官网，想要一些动态效果，结果找了很多资料都不太如意，就找到了ScrollReveal，结果官网上全是英文资料，估计初学会很难使用，我这里写了一些简单的用法。
插件地址：https://scrollrevealjs.org 这个是免费的在官网上。
首先引入js文件
然后添加HTML元素
....
moveLeft">....
moveRight">....
我这里写了三种样式，可以简单用一下，如果需要更多，可以联系我，免费帮助。
try {window.sr = ScrollReveal();var cOnfigLeft= {reset: true,origin: &＃39;left&＃39;,duration: 500,delay: 0,move: "2000",rotate: {x:0, y:0, z:0},opacity: 0,scale:1,easing: &＃39;linear&＃39;,};var cOnfigRgiht= {reset: true,origin: &＃39;right&＃39;,duration: 500,delay: 0,move: "2000",rotate: {x:0, y:0, z:0},opacity: 0,scale:1,easing: &＃39;linear&＃39;,};var cOnfigTop= {reset: true,origin: &＃39;top&＃39;,duration: 500,delay: 0,rotate: {x:0, y:0, z:0},opacity: 0,scale:2,easing: &＃39;ease-in-out&＃39;,};sr.reveal(&＃39;.moveTop&＃39;,configTop);sr.reveal(&＃39;.moveLeft&＃39;,configLeft);sr.reveal(&＃39;.moveRight&＃39;,configRgiht);
}catch (e) {}
这些只是把一些简单的用法组合起来，初学者可以借鉴一下。
京公网安备 11010802041100号