效果的实现只需要两个库:1.animate.css 2.wow.js
animate.css 参考:https://daneden.github.io/animate.css/
wow.js 参考:https://github.com/matthieua/WOW
1.新建index.html,在head中引入animate.css
<head>
<link rel="stylesheet" href="https://cdn.bootcss.com/animate.css/3.5.2/animate.min.css">
</head>
2.在body最后引入wow.js
<script src="https://cdn.bootcss.com/wow/1.1.2/wow.js"></script>
<script>
(function () {
new WOW().init()
})()
</script>
3.给写好的样式上想要实现动画效果的标签类名:
<div class='fadeInLeft wow animated'>
</div>