美文网首页
Vue cli 使用 animate.css

Vue cli 使用 animate.css

作者: 两年半练习程序员 | 来源:发表于2019-05-27 11:56 被阅读0次

1.安装

Install via npm:

$ npm install animate.css --save

or yarn:

$ yarn add animate.css

2.引入

main.js中

import Vue from 'vue'
import App from './App.vue'

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

new Vue({
  render: h => h(App)
}).$mount('#app')

3.使用

在你想要添加的标签上设置class类

<h1 class="animated infinite bounce delay-2s">Example</h1>

infinite:无限循环
bounce:动画效果 更多动画效果

delay-2s:延迟两秒
...

更多参考

相关文章

网友评论

      本文标题:Vue cli 使用 animate.css

      本文链接:https://www.haomeiwen.com/subject/vygctctx.html