vue3中使用animate.css

1.安装

npm install animate.css

yarn add animate.css

2.在main.ts中引入

import 'animate.css/animate.min.css' //引入

3.组件中使用

   一定要加入animated,然后使用animate__xxx即可

 <div v-show="show" class="bg-red-300 w-90 animated  animate__bounceInDown ">animated</div>

 

上一篇:二、图片动画移动(通过js函数animate实现)


下一篇:animate.css的使用