> For the complete documentation index, see [llms.txt](https://zpliu.gitbook.io/booknote/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://zpliu.gitbook.io/booknote/cottonweb/04-pei-zhi-dong-hua-xiao-guo.md).

# 动画效果

## 安装animal.css

借助第三方的css工具实现动画效果`animate.css`

> 注意使用的时候 一定要加上 animate\_\_animate 这个类名

```bash
 npm install animate.css --save
 ##在需要使用的地方加上类就行
 <h1 class="animate__animated animate__bounce">An animated element</h1>
```

## 1.路由跳转动画

* 这里的`mode`这个参数还没搞明白

> 具体的参数描述： <https://cn.vuejs.org/v2/api/#transition>

```javascript
    <transition enter-active-class="animate__animated animate__fadeInDown" mode="in-out">
      <router-view />
    </transition>
```