[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)