css动画

总结动画比较好的博客地址：

https://www.cnblogs.com/ruoqiang/p/4551916.html

https://www.cnblogs.com/ruoqiang/p/4252028.html

https://blog.csdn.net/Polaris_tl/article/details/89959497?locationNum=9&fps=1

https://www.jianshu.com/p/b6ebf1be8b03

https://www.jianshu.com/p/3c4b3efe9bbe

https://www.cnblogs.com/xiaohuochai/p/7372665.html


写动画比较方便的是使用animate.css和wow.js混合使用
总结：
引入

<link rel="stylesheet" type="text/css" href="./css/animate.min.css" />
<script type="text/javascript" src="./js/wow.js"></script>

<script>
        wow = new WOW({
            animateClass: 'animated',
        });
        wow.init();
    </script>

使用

<div class="wow slideInLeft">//左入场，在可视区显示动画
<div class="wow slideInRight">//右入场，在可视区显示动画