L'API Web Animations fa parte di un nuovo standard web, attualmente in fase di sviluppo da parte dei browser engineer di Mozilla e Google.
Chrome 36 ha implementato il metodo element.animate() dell'API Web Animations, consentendo agli sviluppatori di creare animazioni compositor ad alte prestazioni con thread utilizzando JavaScript.
Siamo entusiasti di vedere che Mozilla ha spedito la propria implementazione di element.animate() in Firefox 48, abilitando vere animazioni con accelerazione cross-browser utilizzando questa API JS emergente. Google e Mozilla hanno lavorato duramente insieme per garantire l'interoperabilità delle nostre implementazioni. È stato davvero un impegno collaborativo.
I vantaggi dell'API delle animazioni web possono includere una frequenza fotogrammi più rapida e un minor consumo energetico, che si traduce in un'esperienza utente migliore su tutti i dispositivi, specialmente sui dispositivi mobili.
L'API Web Animations può essere utilizzata in tutti i browser tramite un polyfill che utilizzerà l'implementazione nativa a velocità massima dove esiste e, in caso contrario, ripiega gradualmente a un'implementazione JavaScript. Siamo incoraggiati dalla community di WebKit a prendere in considerazione la propria implementazione e il team di Edge ad aggiungerla al proprio backlog. Ci auguriamo che le animazioni web siano presto supportate in tutti i principali browser.
Per un'esperienza completa e accelerata delle animazioni web in Chrome, Firefox o Opera, vai a queste pagine demo e provalo.