当前位置: 首页 > 工具软件 > Animate.css > 使用案例 >

npm引入animate.css

韩宏朗
2023-12-01

首先要去你的项目里终端安装它,npm install animate.css 。

安装完后就在需要的组件里引入它,因为它不是js类型,所以直接import "animate.css" 引入。

引入后需要动画的<transition>中的name属性必须为name:"animate_animated animate_bounce",然后还有一个新的属性enter-active-class="xxx" 这是进入的 leave-active-class="xxx"。xxx动画效果可以去npm官网上选择Animate.css | A cross-browser library of CSS animations.

 类似资料: