Web Animations API 達成跨瀏覽器里程碑

Alex Danilo

Web Animations API 屬於全新的網路標準,目前由 Mozilla 和 Google 的瀏覽器工程師開發。

Chrome 36 已從 Web Animations API 實作 element.animate() 方法,協助開發人員使用 JavaScript 建構高效能的合成器執行緒動畫。

我們很高興看到 Mozilla 已在 Firefox 48提供 element.animate() 實作,以便使用這個新興的 JS API 實現真正的跨瀏覽器加速動畫。Google 和 Mozilla 攜手合作,確保我們提供的實作項目能夠互通。這真的是合作的成果!

使用 Web Animations API 的好處包括加快影格速率並降低耗電量,進而在所有裝置 (尤其是行動裝置) 上提供更優質的使用者體驗。

所有瀏覽器皆可透過 polyfill 使用 Web Animations API。這個 API 可在內建情況下使用完整的原生實作速度,同時優雅改回使用 JavaScript 實作。我們鼓勵 WebKit 社群考慮自行導入做法,並建議 Edge 團隊將其加進待處理工作。我們希望很快就能在所有的主要瀏覽器上支援網頁動畫。

如要在 Chrome、Firefox 或 Opera 中體驗精簡的網頁動畫,請前往這些示範 頁面自行試用。