vue动画过渡效果的作用:
在插入、更新或移除 DOM元素时,在合适的时候给元素添加样式类名。
一、动画效果
首先定义一个关键帧
二、过渡效果
三、 以上的效果通过引入第三方库实现
在这里使用的是animate库animate.css
Animate.css | A cross-browser library of CSS animations.
使用步骤
第一步安装: npm install animate.css –save
第二步引入:import ‘animate.css‘
(也可以使用cdn引入
)
第三步使用:
配置类名,开始动画和结束动画