主要介绍了Vue中使用create-keyframe-animation与动画钩子完成复杂动画，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧

本篇文章主要介绍了 Vue中使用create-keyframe-animation与动画钩子完成复杂动画，分享给大家   如何实现这个动画？  效果分析 点`start`的时候，我们把整个动画拆分为两种效果（过渡和动画）。 1. 中间cd消失,下方播放条显示，这是属于`过渡` 2. `过渡`开始的同时，cd同时移动、放大、缩小到左下方播放条 ，这属于`动画` 上面的效果是【过渡】加【动画】同时使用完成的 对于第一种【过渡】，我们用vue中transition标签，加设置v-enter、v-l