[TOC] 我喜欢把 FLIP 作为一种思考动画的方式，因为它很好地匹配了 JavaScript 和 CSS。用 JavaScript 计算，但让 CSS 为你处理动画。你不需要使用CSS来做动画，你可以很容易地使用 Web Animations API 或 JavaScript 本身，也可能是其他简单的方法。关键是在于，你要降低每帧的复杂度和成本（通常意味着transform 和 opacity），同时还要给用户最好的体验。 # 常用动画库 http://bouncejs.com/ animate.css - https://animate.style/ > [可能是最全的前端动效库汇总](https://juejin.cn/post/6844903830098804743) # 参考 [FLIP Your Animations](https://aerotwist.com/blog/flip-your-animations/) [进入/离开 & 列表过渡](https://cn.vuejs.org/v2/guide/transitions.html)