动画库animate.net.cn

animate 是对css3动画进一步封装实现

http://www.animate.net.cn/

官网，国外的，可能访问不了

https://animate.style/

引入css库

    <link rel="stylesheet" href="static/lib/animate/4.1.1/animate.min.css"/>

class添加

<div class="animate__animated animate__flipInX" style="width: 100%;height: 400px; background: #00ddaa;">

代码里面替换对应的（具体class，可以去animate.min.css复制）

animate__flipInX 为动画类库，以官网为准