动画效果库 animate

动画效果 animate

官网：https://animate.style/

功能：第三方的动画样式库，不用自己写动画效果了。元素进入、离开、晃动等效果都有

1.安装：

npm i animate.css

2.引入

import 'animate.css'

(因为引入的是CSS文件，所以不用 "import xxx from xxx"这种方式直接引入即可）

3.使用

在vue中的<transition>标签、<transition-group>标签中使用

（直接在元素标签上用应该也行，还没试）

例子：

<transition

    name="animate_animated animate_bounce"

    enter-active-class="animate_swing"

    leave-active-class="animate_backOutUp"

>

    <h1>Hello</h1>

</transition>