Die Web Animations API ist Teil eines neuen Webstandards, der derzeit von Browserentwicklern von Mozilla und Google entwickelt wird.
In Chrome 36 wurde die Methode element.animate() aus der Web Animations API implementiert. Damit können Entwickler leistungsfähige, mit dem Compositor gestreamte Animationen mit JavaScript erstellen.
Wir freuen uns, dass Mozilla die Implementierung von element.animate() in Firefox 48 veröffentlicht hat. Mit dieser neuen JS API sind jetzt browserübergreifende beschleunigte Animationen möglich. Google und Mozilla haben intensiv zusammengearbeitet, um für Interoperabilität zu sorgen. Das war wirklich eine gemeinsame Anstrengung!
Die Vorteile der Web Animations API können eine höhere Framerate bei niedrigerer Stromaufnahme sein, was zu einer besseren Nutzererfahrung auf allen Geräten führt, insbesondere auf Mobilgeräten.
Die Web Animations API kann in allen Browsern über eine Polyfill verwendet werden, die die native Implementierung mit voller Geschwindigkeit nutzt, sofern verfügbar, und andernfalls reibungslos auf eine JavaScript-Implementierung umstellt. Wir freuen uns, dass die WebKit-Community eine eigene Implementierung in Betracht zieht und das Edge-Team sie in seinen Backlog aufnimmt. Wir hoffen, dass Web-Animationen bald in allen gängigen Browsern unterstützt werden.
Wenn Sie die beschleunigten Webanimationen in Chrome, Firefox oder Opera in vollem Umfang nutzen möchten, rufen Sie diese Demoseiten auf und testen Sie sie selbst.