欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

在vue中使用animate.css

程序员文章站 2024-03-25 12:33:10
...

链接: https://animate.style/.

第一步:安装:

在命令行中执行:npm install animate.css --save

第二步:引入及使用:

main.js中:

import ‘animate.css’ // npm install animate.css --save安装,在引入

使用:

vue模板中:

<div class="ty">
<!-- 直接使用animated中的动画class名,注意:必须使用animate__animated这个class名,否则动画会无效 -->
<div class="box animate__animated bounceInDown"></div>
</div>
相关标签: vue