1.官网   动画库地址:https://animate.style/

uniapp——如何使用animate

 

 在动画库中查找需要的动画效果,点击可演示动画效果,鼠标放上可复制相应类名

 

2.下载css命令:npm install animate.css

uniapp——如何使用animate

 

 uniapp——如何使用animate

把animate放入公共文件夹中

 

3.在APP.vue中引用全局引用animate.css

uniapp——如何使用animate

 

 

4.使用方法:class="动画效果类名" hover-class="点击效果类名"

注:animate__bounce:就是在动画库中复制的类名

uniapp——如何使用animate

 

 

5.控制动画的展示效果

 uniapp——如何使用animate

 

相关文章:

  • 2022-12-23
  • 2022-12-23
  • 2023-03-11
  • 2022-12-23
  • 2022-12-23
  • 2021-12-06
  • 2021-10-30
猜你喜欢
  • 2021-05-19
  • 2022-12-23
  • 2022-12-23
  • 2021-12-31
  • 2021-12-21
  • 2021-08-25
  • 2022-12-23
相关资源
相似解决方案