先上demo效果:
https://www.zeropo.com/effect-demo/index.html
第一步:animate.min.css
<link rel="stylesheet" type="text/css" href="css/animate.min.css">
第二步:引入jquery.min.js
<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
第三步:引入wow.min.js
<script type="text/javascript" src="js/wow.min.js"></script>
第四步:初始化wow
<script type="text/javascript">
new WOW().init();
</script>
最后:随便使用↓
效果class名参考如下链接:
https://www.dowebok.com/demo/2014/98/
vue版: