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

在动画库中查找需要的动画效果,点击可演示动画效果,鼠标放上可复制相应类名
2.下载css命令:npm install animate.css


把animate放入公共文件夹中
3.在APP.vue中引用全局引用animate.css

4.使用方法:class="动画效果类名" hover-class="点击效果类名"
注:animate__bounce:就是在动画库中复制的类名

5.控制动画的展示效果

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

在动画库中查找需要的动画效果,点击可演示动画效果,鼠标放上可复制相应类名
2.下载css命令:npm install animate.css


把animate放入公共文件夹中
3.在APP.vue中引用全局引用animate.css

4.使用方法:class="动画效果类名" hover-class="点击效果类名"
注:animate__bounce:就是在动画库中复制的类名

5.控制动画的展示效果

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。