Vue使用Animate.css

说一下Animate.css这个动画库，很多的动画在这个库里面都定义好了，我们用的时候可以直接使用里面的类名就可以了，就是直接目标元素绑定对应的类名就可以实现动画效果，非常方便，库其实也相对简单，使用起来也简单。这里示例就以v3为例了，v2也是一样的

github：https://github.com/animate-css/animate.css 

官网：https://animate.style/ 

首先安装

pnpm add animate.css

引入 

main.js 

import 'animate.css'

使用

接下来就可以正常使用了 

注意：在添加类名的时候，里面所有的动画必须先设置上 animate__animated ，然后再设置对应动画的类名，否则是不会生效的，大家简单看一下源码就能了解

下面是个示例： 

 

接下来代码：