只讲干货不废话,animate.css在vue中的应用

146 阅读1分钟

1.安装animate.css包,

npm instass animate.css --save

2.在main.js里面引入 import 'animate.css/animate.css';

3.页面使用 <h1 class="animate__animated animate__backInDown">我是一串文本</h1>

需要注意的是,在标签上使用class类名时,不能缺少animate_animated这个前缀,否则动画无效,第二个类名为animate_动画名称,如需修改动画时长,查看官网下面的示例。

查看动画样式及动画名,点此 官网传送门