wow.js+animate.css实现滚动加载动画

和 WOW.js 一样，scrollReveal.js 也是一款页面滚动显示动画的  JavaScript ，能让页面更加有趣，更吸引用户眼球。不同的是  WOW.js  的动画只播放一次，而  scrollReveal.js  的动画可以播放一次或无限次； WOW.js  依赖 animate.css，而  scrollReveal.js  不依赖其他任何文件。

 

虽然  scrollReveal.js  不依赖  animate.css ，但它的动画也是用 CSS3 创建的，所以它不支持 IE10 以下的浏览器。

迅雷官网有这种效果： 迅雷网络-关于我们迅雷是全球领先的共享计算与区块链技术创新企业，公司成立于2003年，基于深耕十几年、获得国际专利的P2SP下载加速技术优势，面向个人用户和企业用户打造了丰富的下载加速、区块链、云计算、影音娱乐等产品及服务，为超过4亿用户创造了高效、智能、安全的互联网体验。https://www.xunlei.com/v2018/dist/aboutus.html

参考：Animate.css+wow.js实现页面滚动到可视区显示动画效果_百事可口的博客-CSDN博客_animate.css wow今天看迅雷官网 https://www.xunlei.com/v2018/dist/aboutus.html实现的滚动到可视区域后显示动画，自己之前没做过这种，非常感兴趣，然后问小伙伴，大部分都没做过类似的，于是乎我只能自己查了第一想到的是swiper，之前写轮播图用过。https://www.swiper.com.cn/https://www.swiper.com.cn/usage/animate/index.html但是引入了之后 发现不是特别适合我 而且还有5版本6版本一系列写法兼容问https://blog.csdn.net/qq_38594056/article/details/121081566animate动画演示：animate.css动画演示_dowebokhttps://www.dowebok.com/demo/2014/98/

wow.js依赖animate.css，不需要jquery；

cdn：wow (v1.1.2) - Reveal CSS animation as you scroll down a page |