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 为动画类库,以官网为准





文档更新时间: 2023-03-10 13:37   作者:admin