用於動畫的GSAP翻蓋插件

GreenSock 在3.9 版本中免費提供了GSAP Flip 插件。 FLIP 是一種動畫概念，有助於創建高性能的狀態變化動畫。 Ryan Mulligan 撰寫了一篇優秀的博文：

FLIP，由Paul Lewis 創造，是First（首）、Last（尾）、Invert（反轉）和Play（播放）的首字母縮寫。 Flip 插件利用這項技術，使Web 開發人員能夠輕鬆流暢地在狀態之間轉換元素。

使用GSAP Flip 插件的示例

手動利用FLIP 當然可行，但很棘手。對於動畫庫來說，這是一個非常完美的任務。正如Ryan 所說，GreenSock 做到了：

1. 獲取當前狀態
2. 進行狀態更改
3. 調用Flip.from(state, options)

非常簡單。 Ryan 使用它製作了一個“添加到購物車”效果：

就在前幾天，我還用它製作了一個“迷你照片庫”，可以旋轉哪個圖片在頂部最大：

這恰好也是我前幾天最終撰寫博文“如何在HTMLElement 上循環遍歷類”的原因。

以上是用於動畫的GSAP翻蓋插件的詳細內容。更多資訊請關注PHP中文網其他相關文章！