「網路動畫」是一種新的動畫模型,由多個瀏覽器廠商設計,現可在 Blink 中運送。Chrome 已於 2013 年底,在網頁動畫上方執行 CSS 動畫和 CSS 轉場。新網頁動畫功能現已在 JS 中公開,可讓網頁程式開發人員透過 JS 發揮強大的動畫控管功能,但不必使用 jank。網路動畫引擎是 Polymer 專案所使用的核心功能之一。本課程說明這個模型和新的 API 的使用方式,以及這些 API 的應用實例,並提供如何立即將 API 整合到您的網站中。
除非另有註明,否則本頁面中的內容是採用創用 CC 姓名標示 4.0 授權,程式碼範例則為阿帕契 2.0 授權。詳情請參閱《Google Developers 網站政策》。Java 是 Oracle 和/或其關聯企業的註冊商標。
上次更新時間:2024-08-09 (世界標準時間)。
[null,null,["上次更新時間:2024-08-09 (世界標準時間)。"],[[["Web Animations is a new animation model created by multiple browser vendors, giving developers more control and avoiding performance issues."],["Chrome now utilizes Web Animations to power its CSS Animations and Transitions, offering smoother and more efficient animation capabilities."],["JavaScript APIs provide developers with advanced control over animations using Web Animations, expanding creative possibilities."],["The Polymer project utilizes the Web Animations engine as a core element, demonstrating its practical applications in web development."],["This information provides insight into the model, new APIs, practical applications, and integration techniques for Web Animations in website development."]]],["Web Animations, a new animation model, is now available in Blink. Chrome utilizes it for CSS Animations and Transitions. The model offers new JavaScript APIs that empower developers with creative control over animations without performance issues. The Web Animations engine is central to the Polymer project. The model, its APIs, and practical application examples are highlighted, demonstrating how developers can incorporate them into existing websites.\n"]]