GreenSock 在3.9 版本中免費提供了GSAP Flip 插件。 FLIP 是一種動畫概念,有助於創建高性能的狀態變化動畫。 Ryan Mulligan 撰寫了一篇優秀的博文:
FLIP,由Paul Lewis 創造,是First(首)、Last(尾)、Invert(反轉)和Play(播放)的首字母縮寫。 Flip 插件利用這項技術,使Web 開發人員能夠輕鬆流暢地在狀態之間轉換元素。
手動利用FLIP 當然可行,但很棘手。對於動畫庫來說,這是一個非常完美的任務。正如Ryan 所說,GreenSock 做到了:
- 獲取當前狀態
- 進行狀態更改
- 調用Flip.from(state, options)
非常簡單。 Ryan 使用它製作了一個“添加到購物車”效果:
就在前幾天,我還用它製作了一個“迷你照片庫”,可以旋轉哪個圖片在頂部最大:
這恰好也是我前幾天最終撰寫博文“如何在HTMLElement 上循環遍歷類”的原因。
以上是用於動畫的GSAP翻蓋插件的詳細內容。更多資訊請關注PHP中文網其他相關文章!