vue动画效果-定义动画帧&过度效果&集成第三方动画animate.css

发布时间:2023-04-18 17:30

1.定义动画帧





2.过度效果





3.集成第三方动画animate.css

*npm第三方动画库:npm官网下搜索animate.css

进入主页面:

 

vue动画效果-定义动画帧&过度效果&集成第三方动画animate.css_第1张图片

*安装第三方库:npm install animate.css

*引入:import 'animate.css'

*使用:

1.引入类名:name="animate__animated animate__bounce"

   2.添加进入动画:enter-active-class="animate__swing"

3.添加离开动画:

leave-active-class=” animate__bounceOutDown”

vue动画效果-定义动画帧&过度效果&集成第三方动画animate.css_第2张图片

 





ItVuer - 免责声明 - 关于我们 - 联系我们

本网站信息来源于互联网,如有侵权请联系:561261067@qq.com

桂ICP备16001015号