設計 Timeline 時間軸來更精確地控制動畫

Firefox 偷偷實現了一個 AnimationTimeline,用來爲動畫提供時間軸。根據文檔,它是一個抽象類,被 DocumentTimeline 繼承。

由於是非標準的特性,MDN的文檔裏面也沒有解釋的很清楚,只是說它用來讓多個動畫共享時間軸,但是具體該怎麼用,並沒有詳細的說明。

在這篇文章裏,作者並不想解釋 Firefox 實現的這個 Timeline 該怎麼用,而是藉着這個 Timeline 的概念進行了一些擴展,實現了一個全新的 Timeline 庫。讓我們看看如果爲動畫或者其他依賴於時間的行爲設計一個 Timeline,我們能做什麼。

全文閱讀:設計 Timeline 時間軸來更精確地控制動畫

歡迎加入“CSDN前端開發者”羣,與更多專家、技術同行進行熱點、難點技術交流。請掃描以下二維碼申請入羣。
圖片描述

發佈了144 篇原創文章 · 獲贊 8 · 訪問量 8萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章