Vue中transition和animation结合使用，如何实现复杂动画效果？

本文共计1591个文字，预计阅读时间需要7分钟。

在页面开发中，我们经常注重功能的实现，但对于transition和animation，我们往往只关注其声效，而忽略了它们的存在。对于页面动画效果，我们应保持直观的动画流畅性。

最近制作动态页面，力求页面更加酷炫，以期真正理解和感受到动画的魅力。

以前写页面注重在功能上，对于transition和animation是只闻其声，不见其人，对于页面动画效果心理一直痒痒的。最近做活动页面，要求页面比较酷炫，终于有机会认真了解了。

transition:英文过渡的意思，作用是过渡效果；animation:英文活泼、生气、激励，动画片就是animation film,作用是动画效果。