VUE Animate Css动画库使用

一、使用CDN方式引用

1.使用CDN添加到您的网页中

 <link rel="stylesheet"href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.0.0/animate.min.css"/>

2.样式用法 这个类 animate__animated必加、记住别忘了！加Animate前缀 animate__

 <h1 class="animate__animated animate__fadeInDownBig">hellow word</h1>

二、使用npm方式引用

1.第一步安装，详细可以看 Animate Css文档地址

npm install animate.css --save

2.main.js 全局引用包

import animated from 'animate.css'
Vue.use(animated )

3.页面使用方式

<img class="animate__animated animate__headShake" src="@/assets/loginimg/logo_icon.png" />