在vue中使用animate.css动画插件

官方文档:https://animate.style

安装:

$ cnpm install animate.css --save
√ Installed 1 packages
√ Linked 0 latest versions
√ Run 0 scripts
√ All packages installed (1 packages installed from npm registry, used 404ms(network 402ms), speed 66.19kB/s, json 1(1.56kB), tarball 25.05kB)

在main.js全局引入:

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

使用:

<h1 class="animate__animated animate__bounce">An animated element</h1>

 

上一篇:Vue 使用animate.css


下一篇:arcgis 4.x 入门学习七 (图形动画)