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_动画名称
,如需修改动画时长,查看官网下面的示例。
查看动画样式及动画名,点此 官网传送门