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

vue中使用animate.css;animate.css不生效

宰父远
2023-12-01

第一步:安装:

npm install animate.css --save

第二步:引入及使用:

// main.js中:
 
import animated from 'animate.css' // npm install animate.css --save安装,在引入
 
Vue.use(animated)

使用:

<div class="animate__animated animate__bounceIn">
     CSS3 animation 属性| 菜鸟教程
</div>

animate.css不生效原因:

v4之后的版本class名格式为: "animate__animated animate__fadeIn" ,得加上 "animate__" 前缀

 类似资料: